<!-- 
	618活动优惠券类别 优惠券活动类别：10877
	
	免费会员，移动端会员
		顶部tab顺序：
			getApp().globalData.memberSort=0, 移动会员，采招会员； 目前正用！！！！
			getApp().globalData.memberSort=1，采招会员，移动会员
	pc端会员：
		采招会员
		
	toggleImages()顶部会员类型
	changeLevel() 切换会员级别
	priceClick(item,index) 切换价格
	loadJiage() 地区确认
	
	initDiqu 用一个变量即可，因为切换会员tab时pc/移动端的都要默认全国；如果切换时，pc/移动端要保留则需要分pc和移动两个地区值
	biaoshi:0 直通车，后期后端会去掉返回1
	
	服务期限：
	1年项用的 12个月的数据（danweinum:12 danwei:2，则显示 1 年），如果danweiNum=12,则把对应的显示时间的文案改成了：1年
	直通车：用的价格中的1年的项（danweinum:1 danwei:1）
	
	价格Id：全国是一个，省（不管几个省）jgid是一样的，即有2种，一个全国的，一种省的;
	不同省展示不同的List,是通过调价格接口传不同的areacode来更新数据的，但只要是省的，所有的jgid值是不变的
	
	优惠券模块：
		目前好像只有pc端会员才能看到领取的可用优惠券！！
	
	新加拓客相关功能 add by fpli on 20250327
		1. 免费会员：从拓客列表页及企情分析（即需要购买拓客功能）进到到此支付页进行购买，默认选中优选服务；其它则默认不选中，
			注此页面中的价格接口，调后端价格接口时，后端会默认 jgids": this.jgid值为1个月移动标准全国项 ,this.directTrain.jgid值为移动标准会员1年直通车价格id
			
		2. 拓客价格相关：
			- 优选服务：
			当：优选服务（查人脉）选中时：
			调用价格接口时：传拓客功能字段如255，会传优选服务价格（之前有14项，再加1项优选服务的）
			且：每次切换服务期限及会员类型时，都需要调价格接口，为了使第15项内容是会员级别及服务期限所对应的优选服务价格；
			
			当：优选服务（查人脉）不选中时：
			保持现在逻辑，切换会员类型及服务期限时不调用服务期限价格；
			
			- 拓客直通车：初始化时添加1项，移动标准1年，切换顶部会员类型时价格接口会返回移动高级会员的项
		
		调价格接口时机：
		- 在添加 拓客 功能前，只在初始化页面时及切会及切地区时会调，切会员级别及价格时不调；
		- 添加 拓客 功能后:
			- 因为要获取 优选服务（接口中对应一项，根据不同的jgid更新返回参数）和拓客1年直通车（接口中对应新增的一项，也是根据不同的jgid返回不同的项），
			所以需要在切换 服务期限 中的项时，重新请求价格接口;
			- 点击优选服务且优选服务为选中时，调价格接口，获取最新的 最终价格；
			- 最底下按钮上的 最终价格，如果选中 优选服务时，则用优选服务项中的 最终价格（如：有两个jgid 155(全国，1个月，移动端标准会员)的项，其中有一个是和优选服务有关的），否则用非优选服务中的，即以前jgid项中的值
			- 切地区时：由于全国与省切换完毕后，jgid也会有变化，所匹配到的 优选服务中的项不是最新jgid，此处需要调2次接口，第一次获取到最新的jgid，第二次调价格接口（传切完地区后取到的最新jgid）来获取最新的优选服务
			
		-选中优选服务时的数据及接口变更：
			- 点击优选服务且选中时，需要更新底部最终的支付价格，且支付价格用优选服务项中的对应变量；
			- 选中时，切换顶部的服务期限及会员类型及地区时，需要调价格接口，以更新 优选服务 最新的展示价格；
			- 选中时，下单接口用最新的合并接口，之前ios用的分步接口，而android用的另外一接口；
	
	支付相关：
		ios：走 h5 支付
		android：调uni.requestPayment 客户端支付
		鸿蒙：uni.requestPayment 仅支持 支付宝支付，不支持微信支付
		鸿蒙：微信支付 走 h5 支付
 -->
<template>
	<!-- 216 300 -->
	<view class="content"
		:style="{paddingBottom:memberType==='采招会员' && danwei===1 && danweinum>=1 ? '300rpx':'216rpx'}">
		<u-loading-page :loading="isPageLoading" loading-text="loading..."></u-loading-page>
		<view v-if="!isPageLoading">

			<!-- pc会员 移动会员 tab:placeholder="true" -->
			<view class="memberTab">
				<u-navbar title="会员中心" :fixed="false" :autoBack="true">
					<!-- 	<view class="u-nav-slot" slot="center">
						<u-tabs :list="memberList" :activeStyle="{color:'#333333'}" :inactiveStyle="{color:'#6C717E'}"
							:itemStyle="{fontSize:'36rpx',width:'200rpx',height:'88rpx',flex:'none',color:'#6C717E'}"
							:scrollable="false" :current="currentMemberIndex" @change="changeTabType"></u-tabs>
					</view> -->
				</u-navbar>
			</view>

			<!-- 
				顶部会员类型：
				苹果ios审核时用到：只显示移动端价格，不显示pc端价格及一些模块
			 -->
			<view class="memberNavImg" v-if="!baseConfig.isIOSshenhe">
				<!-- 会员解说图 pc端会员不显示移动端会员价格 :scroll-into-view="'s'+memberType"  @scroll="scroll"-->
				<view v-if="ispc!==1" class="scroll-view_H" style="overflow-anchor:auto;" scroll-x="true">
					<!-- <view class="hyTabs"> -->
					<view style="display: flex; position: relative;" v-if="memberSort!==0">
						<image
							:style="{ height: '130rpx', marginRight: '-18rpx',position: 'relative', zIndex: memberType==='采招会员'?1:0 }"
							mode="heightFix"
							:src="memberType==='采招会员'?'/static/img/huiyuan/member-pc-active.png':'/static/img/huiyuan/member-pc.png'"
							alt="" id='' @click="toggleImages('采招会员')"></image>
						<image
							:style="{ height: '130rpx', marginRight: '-18rpx',position: 'relative', zIndex: memberType==='移动会员'?1:0  }"
							mode="heightFix"
							:src="memberType==='移动会员'?'/static/img/huiyuan/member-mobile-active.png':'/static/img/huiyuan/member-mobile.png'"
							alt="" id='' @click="toggleImages('移动会员')">
						</image>
						<!-- 将此标签“地区低至99元”改为“更多权益”，并改动位置到右侧 -->
						<view class="diqujiage" v-if="ispc == 0">
							更多权益
						</view>
					</view>
					<view style="display: flex; position: relative;" v-else>
						<image
							:style="{ height: '130rpx', marginRight: '-18rpx',position: 'relative', zIndex: memberType==='移动会员'?1:0  }"
							mode="heightFix"
							:src="memberType==='移动会员'?'/static/img/huiyuan/member2-mobile-active.png':'/static/img/huiyuan/member2-mobile.png'"
							alt="" id='' @click="toggleImages('移动会员')">
						</image>
						<image
							:style="{ height: '130rpx', marginRight: '-18rpx',position: 'relative', zIndex: memberType==='采招会员'?1:0 }"
							mode="heightFix"
							:src="memberType==='采招会员'?'/static/img/huiyuan/member2-pc-active.png':'/static/img/huiyuan/member2-pc.png'"
							alt="" id='' @click="toggleImages('采招会员')"></image>
						<!-- 将此标签“地区低至99元”改为“更多权益”，并改动位置到右侧 去掉了class“huaweiIcon”-->
						<view class="diqujiage" v-if="ispc == 0">
							更多权益
						</view>
					</view>
					<!-- </view> -->
				</view>

				<!-- :scroll-into-view="'s'+memberType" -->
				<scroll-view v-else class="scroll-view_H" style="overflow-anchor:auto;" scroll-x="true">
					<!-- <view class="hyTabs"> -->
					<image style="width:100%;" mode="widthFix" src="/static/img/huiyuan/newcaizhaohuiyuan.png" alt=""
						id=''>
					</image>
					<!-- </view> -->
				</scroll-view>

			</view>

			<!-- 
				顶部：会员级别
				margin-top: 29rpx;
			 -->
			<view class="memberTab2" style="padding: 0 20rpx; background-color: #f5f5f5;"
				:style="{top:navHeight+'rpx'}">
				<view style="background-color: #fff; padding: 0 16rpx;">
					<!-- pc 端会员 :duration="0" -->
					<u-tabs :list="hyjbList" :itemStyle="{fontSize:'28rpx',color:'#6C717E',height: '44px' }"
						:scrollable="false" :current="levelIndex" @change="changeLevel"
						:activeStyle="{color:'#2F6DFE ' }" :inactiveStyle="{color:'#6C717E'}"></u-tabs>
				</view>
			</view>

			<!-- 29rpx -->
			<view style="padding: 0 20rpx 0; background-color: #f5f5f5;">
				<view style="background-color: #fff; padding: 0 16rpx;">

					<view class="memberlist" style="padding-top:29rpx;">
						<view class="selectArea">
							<view style="width: 7rpx;height: 35rpx;background: #2F6DFE;border-radius: 4rpx; flex:none;">
							</view>
							<h2 style="flex:none;">业务地区</h2>

							<view class="areaBtn">
								<view class="diqu_list">
									<!-- pc vip会员 全国 -->
									<text v-if="levelIndex===2" style="font-size:28rpx;">全国</text>
									<!-- 其它会员 -->
									<text style="font-size:28rpx;" v-else v-for="(item,index) in initDiqu"
										:key="item">{{areaMap[item]}}
										<block v-if="(index+1) !== initDiqu.length ">，</block>
									</text>
								</view>
								<!-- vip 不显示；直通车不显示 -->
								<span style="font-size: 30rpx;"
									v-if="levelIndex!==2 && !((ordertype===18||ordertype===19)&& biaoshi===1 && danwei === 1 && danweinum === 1 )"
									class="addCity" @click="addDiqu">添加省份</span>
							</view>
						</view>

						<!-- 						<view class="goumiTips">
								<view class="goumiTips-left">
									<view style="width: 7rpx;height: 35rpx;background: #2F6DFE;border-radius: 4rpx;">
									</view>
									<view class="shebei" v-if="memberType == 0">电脑、APP、小程序均可使用</view>
									<view class="shebei" v-else>仅手机APP可使用</view>
								</view>
		
								<view class="goumiTips-right" @click="clickBuyBefore">
									<image src="/static/img/huiyuan/tipsIcon.png" alt=""></image>
									<view class="xuzhi">
										购前须知
									</view>
								</view>
							</view> -->

						<!-- 会员列表 :scroll-into-view="'id'+checkIndex" -->
						<view style="position: relative;margin-bottom:40rpx;" v-if="!priceLoading">
							<!-- <view class="mask"></view> -->
							<scroll-view class="scroll-view_H " style="overflow-anchor:auto;" scroll-x="true">
								<view class="memberMenu" v-for="(item,index) in services" :key="item.price"
									:id='"id"+index' :class="[{'active':index === checkIndex}]"
									@click="priceClick(item,index)"
									:style="{marginRight:index+1===services.length?0:'30rpx'}">
									<view v-if="item.zhekou < 10" class="zhekou"><text>{{item.zhekou}}折</text></view>

									<!-- 直通车 -->
									<view v-if="item.danweinum === 1 && item.danwei === 1 && memberType === '移动会员'"
										style="width:314rpx">
										<view class="mod-time">年费直通车</view>
										<view class="mod2">（<text style="color:#ff5122;">仅限全国</text>）</view>
									</view>
									<!-- 非直通车 -->
									<view style="width:200rpx;" v-else class="mod-time">{{item.danweinumText}}</view>

									<!-- 最终价 -->
									<view class="mod-endprice">
										<text style='font-size: 24rpx;'>￥</text>{{item.Discount}}
									</view>

									<!-- 原价  -->
									<view v-if="item.zhekou < 10" class="mod-yuanjia">￥{{item.Original}}</view>
									<view v-else class="mod-yuanjia"></view>
								</view>
							</scroll-view>
						</view>
						<view style="height:226rpx;display: flex;align-items: center;justify-content: center;" v-else>
							<u-loading-icon></u-loading-icon>
						</view>
						<!-- 最近购买滚动条 -->
						<swiper style="height: 35rpx; line-height:auto;" :vertical="true" class="payList" circular
							:indicator-dots="false" :autoplay="true" :interval="3000" :duration="500"
							v-if="!baseConfig.isIOSshenhe">
							<swiper-item v-for="(item,index) in logPay" :key="index">
								<view class=" payItem">
									<image mode="heightFix" style="height:25rpx;margin-right:20rpx;"
										src="/static/img/huiyuan/tongzhi.png"></image>{{item}}
								</view>
							</swiper-item>
						</swiper>

					</view>

					<!-- 优选服务 -->
					<view class="quanyiTitle" style="margin-top:42rpx;">
						<view style="width: 7rpx;height: 35rpx;background: #2F6DFE;border-radius: 4rpx;">
						</view>
						<h2>优选服务</h2>
					</view>

					<view class="discountBox yxfw" @click="yxfwClick">
						<view class="icon-righttop" v-if="+yiyouhuiTuoke>0">搭配会员省{{yiyouhuiTuoke}}元</view>
						<view class="discountInfo" :class="{active:tuoke===1}">
							<view style="display: flex;align-items: center;">
								<image src="/static/img/huiyuan/yxfw-icon.png" mode='widthFix' alt=""></image>
								<view class="yxfw-left">
									<view>查人脉*{{danweinum}}个{{danwei===1?'年':'月'}}</view>
									<view>可自由解锁{{yxfwTuoke.extend && yxfwTuoke.extend[0].lmtNum}}家企业联系方式</view>
								</view>
							</view>
							<view class="jianmian">
								<text>￥{{yxfwTuoke.extend && yxfwTuoke.extend[0].price}}</text>
								<text
									v-if="yxfwTuoke.extend && yxfwTuoke.extend[0].yuanjia !== yxfwTuoke.extend[0].price">￥{{yxfwTuoke.extend && yxfwTuoke.extend[0].yuanjia}}</text>
							</view>
						</view>
					</view>

					<!-- 支付方式 -->
					<view class="infor_quanyi" v-if="!baseConfig.isIOSshenhe">
						<view class="payment">
							<radio-group @change="radioChange" class="payment_radio">
								<label class="pay-list-cell pay-list-cell-pd" v-for="(payment, index) in payments"
									:key="payment.value">
									<view>
										<image :src="payment.tupic" class="pay-tupic"></image>
										{{payment.name}}
									</view>
									<!--  -->
									<view style="margin-left: 20rpx;">
										<radio :value="payment.value" :checked="paymentItem.id == payment.value"
											color="#74df63" :type="payment.value" />
									</view>
								</label>
							</radio-group>
						</view>
					</view>

					<!-- 
						优惠券:0时不显示
						v-if='userInfo.hyJibie == "免费会员" || userInfo.hyJibie !== "免费会员" && yhqvalue>0'
					 -->
					<view class="discountBox" @click="discountClick" v-if='!baseConfig.isIOSshenhe &&  yhqvalue>0'>
						<!-- 有优惠券 -->
						<view class="discountInfo" v-if="yhqvalue">
							<view style="display: flex;align-items: center;">
								<image src="/static/img/huiyuan/quan.png" mode='widthFix' alt=""></image>
								{{yhqname?yhqname:'移动会员优惠券'}}
							</view>
							<view class="jianmian">
								<text v-if=" yhqtype==1">{{yhqvalue}}<text
										style="font-size:24rpx;margin-left:4rpx;">折</text></text>
								<text v-else-if=" yhqtype==0"><text
										style="font-size:24rpx;">立减</text>￥{{yhqvalue}}</text>
								<text v-else>无</text>
							</view>
						</view>

						<!-- 无优惠券: 需求中 只有免费会员才显示，否则隐藏 -->
						<view class="discountInfo" v-else-if="!isHuiyuanData">
							<view style="display: flex;align-items: center;">
								<image src="/static/img/huiyuan/nullQuan.png" alt=""></image><text
									style="color:#BFBFBF">不使用优惠券</text>
							</view>
							<view class="jianmian2">
								0
							</view>
						</view>
					</view>

					<!-- 
						年费直通车：移动 
						参数：zhitongche, 直通车
						参数：zhitongcheTuoke，直通车tuoke
					-->
					<view class="ztc-wrap" @click="lijizhifu('zhitongche')"
						v-if="memberType === '移动会员' && !this.baseConfig.isIOSshenhe">
						<image src="/static/img/pay_ztcbg.png"></image>
						<view class="ztc-left">
							<view class="ztc-title">移动{{memberLevelName}}</view>
							<view class="ztc-sub-title">年费直通车（全国）</view>
							<view class="ztc-price">￥<text>{{directTrain.Discount}}</text><em
									v-if="directTrain.zhekou < 10">￥{{directTrain.Original}}</em></view>
						</view>
						<view class="ztc-right">
							<view class="ztc-btn">立即购买</view>
							<view class="ztc-tag">采招特惠</view>
						</view>
					</view>

					<!-- 年费直通车：企业拓客 -->
					<view class="ztc-wrap" @click="lijizhifu('zhitongcheTuoke')"
						v-if="memberType === '移动会员' && !this.baseConfig.isIOSshenhe">
						<image src="/static/img/pay_ztcbg.png"></image>
						<view class="ztc-left">
							<view class="ztc-title">移动{{memberLevelName}}+查人脉</view>
							<view class="ztc-sub-title">年费直通车（全国）</view>
							<view class="ztc-price">￥<text>{{directTrainTuoke.Discount}}</text><em
									v-if="directTrainTuoke.zhekou < 10">￥{{directTrainTuoke.Original}}</em></view>
						</view>
						<view class="ztc-right">
							<view class="ztc-btn">立即购买</view>
							<view class="ztc-tag">采招特惠</view>
						</view>
					</view>

					<!-- 权益菜单 -->
					<view class="quanyeBox">
						<view class="quanyiTitle">
							<view style="width: 7rpx;height: 35rpx;background: #2F6DFE;border-radius: 4rpx;">
							</view>
							<h2 v-if="memberType == '采招会员'">采招PC端{{memberLevelName}}权益</h2>
							<h2 v-else>移动{{memberLevelName}}权益</h2>
						</view>

						<!-- PC会员权益 -->
						<view class="quanyeMenu" v-if="memberType == '采招会员'" @click="toMemberqy">
							<view class="menuBox">
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 40rpx;" mode="heightFix"
											src="/static/img/huiyuan/zhaobiao2.png" alt=""></image>
									</view>
									<view class="iconText">
										招标信息
									</view>
								</view>
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 40rpx;" mode="heightFix"
											src="/static/img/huiyuan/zhongbiao.png" alt=""></image>
									</view>
									<view class="iconText">
										中标信息
									</view>
								</view>
								<view class="menuInfo">
									<view class="mengsan">
										<image style=" height: 40rpx;" mode="heightFix"
											src="/static/img/huiyuan/shenpi.png" alt=""></image>
									</view>
									<view class="iconText">
										审批项目
									</view>
								</view>
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 47rpx;" mode="heightFix"
											src="/static/img/huiyuan/weituo.png" alt=""></image>
									</view>
									<view class="iconText">
										业主委托项目
									</view>
								</view>
							</view>

							<view class="menuBox">
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 36rpx;" src="/static/img/huiyuan/tuisong2.png" alt=""
											mode="heightFix"></image>
									</view>
									<view class="iconText">
										微信/邮箱推送
									</view>
								</view>
								<view class="menuInfo">
									<view class="mengsan">
										<view class="dingyueshuliang" v-if="memberLevelName=='标准会员'">
											{{biaozhunCount}}组
										</view>
										<view class="dingyueshuliang" v-if="memberLevelName=='高级会员'">
											{{gaojiCount}}组
										</view>
										<view class="dingyueshuliang" v-if="memberLevelName=='VIP会员'">
											{{vipCount}}组
										</view>
										<!-- <image style="height: 50rpx;" src="/static/img/huiyuan/sanzu.png" alt=""
											mode="heightFix" ></image>-->
									</view>
									<view class="iconText">
										关键词订阅监控
									</view>
								</view>
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 39rpx;" src="/static/img/huiyuan/qiyejiankong.png" alt=""
											mode="heightFix"></image>
									</view>
									<view class="iconText">
										企业监控
									</view>
								</view>
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 36rpx;" src="/static/img/huiyuan/xiangmujiance.png" alt=""
											mode="heightFix"></image>
									</view>
									<view class="iconText">
										项目监测
									</view>
								</view>
							</view>

							<view class="menuBox">
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 34rpx;" src="/static/img/huiyuan/youxiang.png" alt=""
											mode="heightFix"></image>
									</view>
									<view class="iconText">
										采购信息
									</view>
								</view>
								<view v-if="levelIndex == 0" class="menuInfo">
									<view class="mengsan">
										<image style="height: 42rpx;" src="/static/img/huiyuan/nizaijian3.png" alt=""
											mode="heightFix"></image>
									</view>
									<view class="iconText iconText2">
										拟在建项目
									</view>
								</view>
								<view v-if="levelIndex == 1 || levelIndex == 2" class="menuInfo">
									<view class="mengsan">
										<image style="height: 42rpx;" src="/static/img/huiyuan/nizaijian2.png" alt=""
											mode="heightFix"></image>
									</view>
									<view class="iconText">
										拟在建项目
									</view>
								</view>
								<view v-if="levelIndex == 0 || levelIndex == 1" class="menuInfo">
									<view class="mengsan">
										<image style="height: 38rpx;" src="/static/img/huiyuan/VIP2.png" alt=""
											mode="heightFix"></image>
									</view>
									<view class="iconText iconText2">
										VIP项目
									</view>
								</view>
								<view v-if="levelIndex == 2" class="menuInfo">
									<view class="mengsan">
										<image style="height: 38rpx;" src="/static/img/huiyuan/VIP.png" alt=""
											mode="heightFix"></image>
									</view>
									<view class="iconText">
										VIP项目
									</view>
								</view>
								<view class="menuInfo">
									<view class="quanyi">
										点我
									</view>
									<view class="iconText">
										了解完整权益
									</view>
								</view>
							</view>
						</view>

						<!-- 移动会员权益 -->
						<view class="quanyeMenu" v-if="memberType == '移动会员'">
							<view class="menuBox">
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 42rpx;" src="/static/img/huiyuan/zhaobiao2.png" alt=""
											mode="heightFix">
										</image>
									</view>
									<view class="iconText">
										招标信息
									</view>
								</view>
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 40rpx;" src="/static/img/huiyuan/zhongbiao.png" alt=""
											mode="heightFix">
										</image>
									</view>
									<view class="iconText">
										中标信息
									</view>
								</view>
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 40rpx;" src="/static/img/huiyuan/shenpi.png" alt=""
											mode="heightFix">
										</image>
									</view>
									<view class="iconText">
										政府审批项目
									</view>
								</view>
								<view class="menuInfo">
									<view class="mengsan">
										<image style=" height: 35rpx;" src="/static/img/huiyuan/guapai.png" alt=""
											mode="heightFix">
										</image>
									</view>
									<view class="iconText">
										土地挂牌出让
									</view>
								</view>
							</view>

							<view class="menuBox">
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 36rpx;" src="/static/img/huiyuan/tuisong2.png" alt=""
											mode="heightFix">
										</image>
									</view>
									<view class="iconText">
										定向信息推送
									</view>
								</view>
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 34rpx;" src="/static/img/huiyuan/youxiang.png" alt=""
											mode="heightFix">
										</image>
									</view>
									<view class="iconText">
										邮件提醒
									</view>
								</view>
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 45rpx;" src="/static/img/huiyuan/app.png" alt=""
											mode="heightFix">
										</image>
									</view>
									<view class="iconText">
										APP
									</view>
								</view>
								<view v-if="levelIndex == 0" class="menuInfo">
									<view class="mengsan">
										<image style=" height: 42rpx;" src="/static/img/huiyuan/nizaijian3.png" alt=""
											mode="heightFix">
										</image>
									</view>
									<view class="iconText iconText2">
										拟在建项目
									</view>
								</view>
								<view v-if="levelIndex == 1" class="menuInfo">
									<view class="mengsan">
										<image style="height: 42rpx;" src="/static/img/huiyuan/nizaijian2.png" alt=""
											mode="heightFix">
										</image>
									</view>
									<view class="iconText">
										拟在建项目
									</view>
								</view>
							</view>

							<view class="menuBox">
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 42rpx;" src="/static/img/huiyuan/weixin2.png" alt=""
											mode="heightFix"></image>
									</view>
									<view class="iconText iconText2">
										微信推送
									</view>
								</view>
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 46rpx;" src="/static/img/huiyuan/xiaochengxu.png" alt=""
											mode="heightFix"></image>
									</view>
									<view class="iconText iconText2">
										小程序
									</view>
								</view>
								<view class="menuInfo">
									<view class="mengsan">
										<image style="height: 39rpx;" src="/static/img/huiyuan/pc.png" alt=""
											mode="heightFix"></image>
									</view>
									<view class="iconText iconText2">
										VIP电脑端
									</view>
								</view>
								<!-- 占位 -->
								<view class="menuInfo invisible">
									<view class="mengsan">
										<image style="height: 39rpx;" src="/static/img/huiyuan/pc.png" alt=""
											mode="heightFix"></image>
									</view>
									<view class="iconText iconText2">
										VIP电脑端
									</view>
								</view>
							</view>
						</view>
					</view>

					<view class="xieyi" :style="{marginBottom:safeBottomH+'px'}">
						<view class="xieyiTitle">
							<view style="width: 7rpx;height: 35rpx;background: #2F6DFE;border-radius: 4rpx;">
							</view>
							<h2>服务协议</h2>
						</view>

						<view class="fuwuxieyi">
							购买前请阅读“<text @click="xieyiClick">采招网用户协议</text>”与“<text @click="xuzhiClick">购买须知</text>”
						</view>
					</view>

					<!-- 新人广告 轮播图  2024.6.17根据张佳铭需求：先隐藏掉，等app改版后放开 
							v-if="!baseConfig.isIOSshenhe"
						-->
					<view class="xinrenguanggao" style="box-sizing: border-box;" v-if="false"
						:style="isIos ? 'padding-bottom: 160rpx' : ''">
						<u-swiper :list="swiperImgList" keyName="image" width='70%'></u-swiper>
					</view>
				</view>
			</view>


			<!-- :style="isIos ? 'padding-bottom: safeBottomH+' : ''"  -->
			<view class="member-bottom-wrap" :style="{paddingBottom:  safeBottomH+'px' }">
				<!-- 中标信息 :style="isIos ? 'padding-bottom: 60rpx' : ''"-->
				<view class="zbInfo">
					<swiper style="height: 60rpx; padding: 0 20rpx;" :indicator-dots="indicatorDots"
						:vertical="vertical" :autoplay="autoplay" :interval="interval" :duration="duration">
						<!-- 去掉中标信息跳转链接 @click="zhongbiaoDetail(item)" -->
						<swiper-item v-for="(item,index) in hotlist" :key="index">
							<view class="swiper-item">恭喜中标：{{item}}</view>
						</swiper-item>
					</swiper>
				</view>
				<!-- <view class="member-bottom">
					<view class="jiage">
						<view class="yhjiage">
							￥{{sjprice}}
						</view>
						<view class="yuanjia">
							原价：￥{{yuanjia}}
						</view>
					</view> -->
				<!-- 20240618 张佳铭说 刘总让隐藏掉 -->
				<!-- <view class="rengong" @click="rengongOpen" v-if="!baseConfig.isIOSshenhe">
							人工开通
						</view> -->

				<!-- <view class="lijikaitong" @click="lijizhifu()" style="flex:2">
						立即开通
					</view>
				</view> -->
				<!--
					服务协议：
					pc会员>=1年时，显示勾选功能
				-->
				<view class="fuwuxieyi gx" v-if="this.memberType==='采招会员' && danwei===1 && danweinum >= 1">
					<u-checkbox-group v-model="agreeCheck" :size="16">
						<u-checkbox name="0" label="请阅读并同意" :labelSize="12"></u-checkbox>
					</u-checkbox-group>“<text @click="xieyiClick">采招网用户协议</text>”与“<text
						@click="xuzhiClick">购买须知</text>”
				</view>
				<view style="margin: 20rpx 28rpx;position: relative;">
					<view class="rightIcon">可开发票</view>
					<!-- {{ispc && danwei===1 && danweinum >= 1 ? '同意协议并支付':'立即支付'}} -->
					<view class="lijizhifu" @click="lijizhifu()">¥{{tuoke===1?yxfwTuoke.sjprice:sjprice}} 同意协议并支付<text
							v-if="yiyouhui">（立省{{yiyouhui}}）</text>
					</view>
				</view>
			</view>

		</view>

		<!-- 优惠券弹窗 -->
		<view class="youhuiquan">
			<u-popup :show="discountIsShow" mode="bottom" :closeable="true" border-radius="20"
				:customStyle="{'maxHeight':'1000rpx', overflow:'auto','paddingBottom':'150rpx'}" @close="closeCoupon">
				<view class="discountText">
					优惠券
				</view>

				<!-- 可用优惠券 youhuiquanList-->
				<view class="couponItem" v-for="(item,index) in youhuiquanList" :key="`key-${index}`"
					@click="clickYhq(item)">
					<view style="display: flex;">
						<!-- left1 -->
						<view class="discount-left">
							<view class="keyongquan">
								可用券
							</view>
							<!-- yhType 默认0：金额优惠 1：折扣优惠 2：买赠服务 -->
							<!-- 金额券 -->
							<view v-if="item.yhType===0">
								<view
									style="font-size: 28rpx; color: #EA4635; font-weight: bold;text-align: center;margin-top: 18rpx;">
									立减
								</view>
								<view
									style="font-family:'Tahoma';font-size: 52rpx; color: #EA4635; font-weight: bold;text-align: center;margin-top: 18rpx;">
									<text style="font-size: 30rpx;">￥</text>{{item.yhJine}}
								</view>
							</view>
							<!-- 折扣券 -->
							<view v-if="item.yhType===1">
								<view
									style="font-size: 28rpx; color: #EA4635; font-weight: bold;text-align: center;margin-top: 18rpx;">
									折扣
								</view>
								<view
									style="font-size: 30rpx; color: #EA4635; font-weight: bold;text-align: center;margin-top: 18rpx;">
									{{item.yhZhekou}}折
								</view>
							</view>
						</view>
						<!-- left2:名称模块 -->
						<view class="discount-right">
							<view class="yhqName">
								{{item.title}}
							</view>
							<view class="yhqName2">
								{{item.des}}
							</view>
						</view>
					</view>

					<!-- right:单选按钮 -->
					<view class="couponRedioWrap" :class="index===selectCouponIndex">
						<view class="iconCircle" :class="{active:item.id === yhqid}"></view>
					</view>

				</view>

				<!-- 不可用优惠券 -->
				<!-- <view class="couponItem" v-for="item,index in 2" :key="index" v-show="notDiscountPop">
							<view class="discount-left2">
								<view class="keyongquan">
									不可用券
								</view>
								<view
									style="font-size: 28rpx; color: #C6C6C6; font-weight: bold;text-align: center;margin-top: 18rpx;">
									立减
								</view>
								<view
									style="font-size: 30rpx; color: #C6C6C6; font-weight: bold;text-align: center;margin-top: 18rpx;">
									￥35.00
								</view>
							</view>
		
							<view class="discount-right2">
								<view class="yhqName">
									移动端标准会员优惠券
								</view>
								<view class="yhqName2">
									移动端标准会员优惠券
								</view>
							</view>
						</view> -->

				<!-- 不可用展开 -->
				<!-- <view class="notDiscount" v-if="notDiscountPop == false" @click="zhankaiFn">
							<view class="notDiscountInfo">
								<image  src="/static/img/huiyuan/notQuan.png" alt="">
								1个不可用优惠券
							</view>
		
							<view class="zhankai">
								<image  src="/static/img/huiyuan/zhankai.png" alt="">
							</view>
						</view> -->

				<!-- 优惠券空效果 -->
				<view class="nullBox" v-if="!youhuiquanList.length">
					<image src="/static/img/huiyuan/null.png" alt=""></image>
					<view class="nullText">
						当前无可用券，可联系客服获取大额优惠
					</view>
					<view class="tiaozhuan" @click="rengongOpen">
						点击前往
					</view>
				</view>

				<view class="affirmBtn" @click="confirmCoupon">
					<u-button>确认</u-button>
				</view>
			</u-popup>
		</view>

		<u-popup :show="diquShow" mode="bottom" round="20rpx" :safeAreaInsetBottom='true' @close="closeDiqu">
			<diqu-member v-model:initDiqu="initDiqu" v-model:diquShow="diquShow" :maxnum.sync="maxnum"
				@loadJiage='loadJiage' />
		</u-popup>

		<!-- 购前须知 -->
		<buyNeedknow :showBuyKnow.sync="showBuyKnow"></buyNeedknow>

		<!-- 支付状态弹窗 -->
		<up-popup :show="showPayModal" mode="center" :closeOnClickOverlay="true" @close="close" @open="open"
			:closeable="true" border-radius="10">
			<view style="width:600rpx;">
				<h3 class="pay-popup-tit">支付遇到问题?</h3>
				<view style="padding:5% 10%;">支付完成前，请不要关闭该窗口，完成支付请根据您的情况点击下面的按钮</view>
				<view class="btnWrap">
					<view class="btn btnOver" @click="confirm">已完成支付</view>
					<view class="btn btnRepeat" @click="lijizhifu()">重新支付</view>
				</view>
			</view>
		</up-popup>

		<!-- 免费会员退出弹窗 -->
		<u-popup :show="showQuitPop" mode="center" :closeOnClickOverlay="true" @close="closeQuit" width="80%"
			:closeable="false" border-radius="10"
			:customStyle="{width:'600rpx',backgroundImage:'url(/static/img/huiyuan/quit-bg.png)', backgroundSize:'100%',backgroundRepeat:'no-repeat'}"
			bgColor="transparent">
			<!-- <h3 class="pay-popup-tit">支付遇到问题?</h3> -->
			<!-- <view style="padding:5% 10%;">支付完成前，请不要关闭该窗口，完成支付请根据您的情况点击下面的按钮</view> -->
			<view class="quitPop">
				<view style="font-size:32rpx;margin-bottom: 22rpx;">离开后您将<text style="color:#F24949;">错失特惠名额</text>
				</view>
				<view style="font-size:32rpx;margin-bottom: 35rpx;">限时活动价<text
						style="color:#F24949;">仅需{{sjprice}}元</text></view>
				<view class="iconWrap" style="margin-bottom:28rpx;">
					<view>
						<image src='../../../static/img/huiyuan/icon1.png' mode="widthFix"></image>招标信息
					</view>
					<view>
						<image src='../../../static/img/huiyuan/icon2.png' mode="widthFix"></image>中标信息
					</view>
					<view>
						<image src='../../../static/img/huiyuan/icon3.png' mode="widthFix"></image>政府审批项目
					</view>
				</view>
				<view class="iconWrap">
					<view>
						<image src='../../../static/img/huiyuan/icon4.png' mode="widthFix"></image>定向信息推送
					</view>
					<view>
						<image src='../../../static/img/huiyuan/icon5.png' mode="widthFix"></image>邮件提醒
					</view>
					<view>
						<image src='../../../static/img/huiyuan/icon6.png' mode="widthFix"></image>APP
					</view>
				</view>
				<view class="btnWrap2">
					<view class="btn btnOver" @click="returnLast">忍痛离开</view>
					<view class="btn btnRepeat" @click="closeQuit">继续支付</view>
				</view>
			</view>
		</u-popup>

		<!-- 勾选协议提示框 -->
		<u-modal :show="showXieyi" :showCancelButton="true" width="300px" @confirm="confirmXieyiPop"
			@cancel="cancelXieyiPop" confirmText="同意并继续购买">
			<view slot="default" class="xieyiPopInfo">我已阅读并知晓<text @click="xieyiClick">采招网用户协议</text><text
					@click="xuzhiClick">《购买须知》</text></view>
		</u-modal>

		<!-- h5 支付页 -->
		<web-view :fullscreen="false" v-if="isUseH5Pay" :src="src" :webview-styles="webviewStyles"></web-view>
	</view>
</template>

<script>
	import tabControl from '@/components/tabControl-tag/huiyuan-tabControl';
	import buyNeedknow from '@/components/buy-needknow/buy-needknow';
	import CryptoJS from "crypto-js";

	let key = {
		"words": [863652730, 2036741733, 1164342596, 1782662963],
		"sigBytes": 16
	};
	let aceIV = {
		"words": [1719227713, 1314533489, 1397643880, 1749959510],
		"sigBytes": 16
	};
	import {
		// areas,
		areaMap
	} from '@/util/diction.js';
	import {
		operation
	} from '@/util/index.js';
	// import {
	// 	debug
	// } from 'util';

	var iapChannel;

	export default {
		components: {
			tabControl,
			buyNeedknow,
		},
		data() {
			let ispc = 0
			let ordertype = 18
			// pc 会员时，只显示pc端会员，不显示 移动会员(登录接口获取的isHuiyuan，代表是否是pc端会员)
			let memberList = []
			// 移动会员，采招会员
			if (uni.getStorageSync('isHuiyuan')) {
				ispc = 1;
				ordertype = 2
				memberList = [{
					name: '采招会员',
				}]
			} else {
				if (getApp().globalData.memberSort === 0) {
					ordertype = 18
					memberList = [{
						name: '移动会员',
						// id: 1
					}, {
						name: '采招会员',
						// id: 0,
					}]
				} else {
					ordertype = 2
					memberList = [{
						name: '采招会员',
						// id: 0,
					}, {
						name: '移动会员',
						// id: 1
					}]
				}
			}

			return {
				webviewStyles: {
					// progress:{
					// 	color: '#f00'
					// },
					height: 0,
					top: 50,
					bottom: 0
				},
				isUseH5Pay: false,

				src: '',
				tuoke: 0,
				showXieyi: false,
				agreeCheck: [],
				memberSort: getApp().globalData.memberSort,
				isPageLoading: true,
				priceLoading: false,
				// firstImageZIndex: 2,
				// secondImageZIndex: 1,
				// 状态栏高
				statusBarHeight: 0,
				// 自定义导航高度，不含状态栏高度
				navHeight: 0,

				indicatorDots: false,
				vertical: true,
				autoplay: true,
				interval: 3000,
				duration: 500,
				hotlist: [],
				payBuyBefore: "",

				showQuitPop: false,

				location: 10874,
				showBuyKnow: false,

				swiperImgList: [],

				areaMap,
				maxnum: 3,
				initDiqu: [''],
				diquShow: false,

				// 会员级别当前索引值
				levelIndex: 0,
				// 初始化时，价格接口会更新此值，值会和 审核期间，ispc，华为渠道，及非华为渠道有关
				ordertype,
				price: '',

				allservices: [],
				services: [],
				// 直通车对象
				directTrain: {},
				// 直通车，企业拓客
				directTrainTuoke: {},
				// shengcount: 0,
				// 是否PC端会员
				ispc: ispc,
				danweinum: 1, //购买时间数量
				danwei: 1, //单位类型 1、年 2、月
				zhekou: 10,
				sjprice: '', //实付款金额
				yuanjia: '',
				jgid: '', //跳转到优惠券页面需要带着jgid

				//优惠券弹窗
				yhqShow: false,
				yhqvalue: '', //优惠券金额
				yhqid: '', //优惠券id
				yhqtype: 0, //优惠券0: 金额优惠(默认) 1: 折扣优惠
				// yhqetime: 0,

				callback: '',
				yhqname: '', //优惠券名称
				biaoshi: 1,
				// sevices最终list中的索引值
				checkIndex: 0,

				logPay: [],
				// 倒计时
				// timeData: {},

				isHuiyuanData: false,
				memberList: memberList,

				memberType: memberList[0].name,
				hyjbListPC: [{
					name: '标准会员',
					type: 2
				}, {
					name: '高级会员',
					type: 3
				}, {
					name: 'VIP会员',
					type: 4
				}],

				hyjbListMob: [{
					name: '标准会员',
					type: 18,
				}, {
					name: '高级会员',
					type: 19
				}],

				// config: config,
				discountIsShow: false,
				notDiscountPop: false,

				payments: [{
						value: 'alipay',
						tupic: "/static/img/huiyuan/zhifubao.png",
						name: '支付宝支付'
					},
					{
						value: 'wxpay',
						name: '微信支付',
						tupic: "/static/img/huiyuan/weixin.png",
						checked: 'true'
					}
				],
				// 支付方式
				paymentItem: {
					id: 'alipay'
					// id: 'wxpay'
				},

				swipeConfigList: [],
				youhuiquanList: [],
				selectCouponIndex: -1,

				// 支付相关
				showPayModal: false,
				// 是否显示 支付确认popup
				// isClosePayModal: false,

				// 计划创建的webview
				// wv: '',
				// orderid
				orderid: '',
				IAPOrders: [],
				iapnotifycount: 0,
				youhuima: '',
				// ios底部安全距离
				safeBottomH: '',
				// newtype: "",
				// hasTypeParams: false,

				//会员订阅数量
				biaozhunCount: 0,
				gaojiCount: 0,
				vipCount: 0,

				lockPayBtn: false,

				// 拓客相关
				// 优选服务
				yxfwTuoke: {},
				isios: false,
				// 是否是ios打孔屏
				isiosh: false,
			}
		},
		computed: {
			// 支付方式是：鸿蒙且为微信支付
			isharmonyosWxpay() {
				return uni.getSystemInfoSync().platform === 'harmonyos' && this.paymentItem.id == "wxpay"
			},
			yiyouhui() {
				return operation(this.yuanjia, this.sjprice, 'subtract')
			},
			yiyouhuiTuoke() {
				if (!this.yxfwTuoke.extend) return 0
				return operation(this.yxfwTuoke.extend[0].yuanjia, this.yxfwTuoke.extend[0].price,
					'subtract')
			},
			currentMemberIndex() {
				let data = 0
				if (this.baseConfig.isIOSshenhe || this.ispc) {
					data = 0
				} else {
					if (getApp().globalData.memberSort === 0) {
						data = this.memberType === '采招会员' ? 1 : 0
					} else {
						data = this.memberType === '采招会员' ? 0 : 1
					}
				}
				return data
			},
			hyjbList() {
				return this.memberType === '采招会员' ? this.hyjbListPC : this.hyjbListMob
			},
			initDiquNames() {
				const data = []
				if (this.initDiqu[0] === '') {
					return '全国'
				} else {
					this.initDiqu.map(item => {
						data.push(areaMap[item])
					})
					return data;
				}
			},
			memberLevelName() {
				let data = ''
				if (this.levelIndex === 0) {
					data = '标准会员'
				} else if (this.levelIndex === 1) {
					data = '高级会员'
				} else if (this.levelIndex === 2) {
					data = 'VIP会员'
				}
				return data;
			}
		},

		// watch:{
		// 	'$store.$isShowPayPopup':{
		// 		handler(a,b){
		// 			if(a!==b){
		// 				this.showPayModal=a;
		// 			}
		// 		},
		// 		immediate:true
		// 	}
		// },

		mounted() {
			const systemInfo = uni.getSystemInfoSync();
			this.isIos = systemInfo.platform.toLowerCase() === 'ios';

			this.safeBottomH = systemInfo.safeAreaInsets.bottom;

			uni.getSystemInfo({
				success: (res) => {
					if (res.platform === 'ios') {
						this.isIOS = true;
					}
				}
			});

			if (uni.getSystemInfoSync().platform === 'ios') {
				const version = systemInfo.deviceModel && systemInfo.deviceModel.split(' ')[1]; // 获取版本号
				const versionNumber = parseInt(version);
				if (versionNumber >= 14) {
					this.isiosh = true
				} else {
					this.isiosh = false
				}
			}

		},

		watch: {
			initDiqu(a, b) {
				if (a.join(',') == '') {
					this.biaoshi = 1
				} else {
					this.biaoshi = 2
				}
			},
		},
		onBackPress(options) {
			if (this.baseConfig.isIOSshenhe) return
			if (this.isHuiyuanData) return;

			/**
			 * options.form:
			 * 注：
			 * - 触发(ios,android)顶部导航返回按钮时，options.from是navigateBack
			 * - 触发android底部返回按钮，值是 backbutton；如果设置中 导航方式 设置为全面屏，则支持侧滑，且能触发onBackPress
			 * - iOS 端侧滑返回不会触发 onBackPress
			 * 
			 * 参考uni文档链接及https://juejin.cn/post/7097056545305722910链接
			 * 
			 */
			if (options.from) {
				this.showQuitPop = true;
				return true;
			}
		},
		onLoad(options) {
			// console.log('page onload')
			this.tuoke = +options.tuoke
			this.getNavHeight();
			// 获取登录状态
			this.checkLogin(0);
			// // 未登录跳转
			if (!this.currUser.islogin) {
				uni.navigateTo({
					url: '/pages/user/login/login1?fromurl=/pages/user/huiyuan/payment&type=nav'
				})
				return false;
			};
			let diqu = ''
			if (options.diqu != undefined && options.diqu != null && options.diqu != '') {
				diqu = (options.diqu === '99' || options.diqu === '990000') ? '' : options.diqu;
				this.initDiqu = [diqu];
				this.biaoshi = 2
			} else {
				this.initDiqu = ['']
				this.biaoshi = 1
			}

			// 项目详情页带入
			const type = options.type

			if (type) {
				// this.hasTypeParams = true;
				// type:pcbiaozhun pcgaoji
				if (type === 'pcbiaozhun') {
					this.memberType = '采招会员'
					this.levelIndex = 0
					this.ordertype = 2
				} else if (type === 'pcgaoji') {
					this.memberType = '采招会员'
					this.levelIndex = 1
					this.ordertype = 3
				} else if (type === 'pcvip') {
					this.memberType = '采招会员'
					this.levelIndex = 2
					this.ordertype = 4
				}
			}
			// console.log(1,this.ordertype)

			// ios 审核期间走apple应用内 支付
			if (uni.getSystemInfoSync().platform == 'ios') {
				this.isios = true;
				if (this.baseConfig.isIOSshenhe) {
					// uni.switchTab({
					// 	url: '/pages/user/user'
					// })
					// return false;
					this.paymentItem.id = "appleiap";
				}
			}

			/**
			 * 默认值：不传后端接口默认用的 移动标准1年全国对应的jgid
			 * 如果有参数地区，type时，默认值则应该是该参数对应的jgid，所以jgid不能用后端写死的，如果有地区及类型参数时不准，故通过调2次接口来实现
			 */

			// 调2次价格接口，第1次获取所选中的jgid，第2次通过jgid调价格接口获取拓客项数据
			this.loadJiage(false, true);

			// 产品配置图片swipe区
			this.swiperFn();

			//获取数量
			this.getdingyueshuliang()
		},


		async onShow(options) {
			// console.log('page onshow')

			// this.checkIndex=0
			this.isUseH5Pay = false;

			this.loadHot();


		},
		onHide() {

		},
		methods: {
			toggleImages(type) {
				// 切换tabs更新会员价格
				this.changeTabType({
					name: type
				})
			},

			// 开通VIP会员以及领取优惠券发送通知
			kefuInform() {
				uni.$u.http.post('public/SendNoticeToBidUserHandler.ashx', {
					location: this.location,
					type: 5095, // APP用到 5095：人工开通会员通知；
				}).then(rs => {
					console.log("发送优惠券")
				}).catch(err => {
					console.log('err', err)

				})
			},

			closeDiqu() {
				this.diquShow = false;
			},
			// 动态计算导航高度
			getNavHeight() {
				// 状态栏高度
				this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
				if (!uni.getSystemInfoSync().brand) {
					this.navHeight = this.statusBarHeight + 88;
				} else if (this.isiosh || uni.getSystemInfoSync().brand.toLowerCase().indexOf('oneplus') !== -1) {
					this.navHeight = this.statusBarHeight + 88 + 44;
				} else {
					this.navHeight = this.statusBarHeight + 88 + 8;
				}
				// this.navHeight = 88
			},
			plusReady() { //uni-app中将此function里的代码放入vue页面的onLoad生命周期中
				// 获取支付通道 
				let that = this;

				return new Promise((res) => {
					// console.log(1, res)

					// #ifdef APP-PLUS
					plus.payment.getChannels(function(channels) {
						for (var i = 0; i < channels.length; i++) {
							console.log(channels)
							if (channels[i].id == 'appleiap') {
								iapChannel = channels[i];
								//console.log("进入方法appleiap " + that.IAPOrders)
								iapChannel.requestOrder(that.IAPOrders, function(event) {
									uni.hideLoading();
									console.log("获取支付通道成功")
									//console.log(JSON.stringify(event))
								}, function(errormsg) {
									uni.hideLoading();
								});
							}
						}
					}, function(e) {
						uni.showModal({
							content: "获取支付通道失败,请重新进入", //+ e.message,
							showCancel: false,
							success: function() {
								uni.navigateBack({
									delta: 1
								});
							}
						});
						//console.log("获取支付通道失败：" + e.message);
					});
					// #endif

				})
			},
			async pay(e) {
				console.log(e)
				let that = this;
				console.log('e', iapChannel)
				uni.showLoading({
					title: '支付中，请稍后'
				});
				console.log(11)
				// setTimeout(()=>{
				// 	uni.hideLoading();
				// 	// 解锁
				// 	this.lockPayBtn = false;
				// }, 1000)
				plus.payment.request(iapChannel, {
					"productid": e.productid,
					"username": e.username,
					"quantity": e.quantity
				}, function(result) {

					// 解锁
					that.lockPayBtn = false;
					uni.hideLoading();

					if (result != undefined && result != null && result.transactionIdentifier !=
						undefined &&
						result.transactionIdentifier !=
						null && result.transactionReceipt != undefined && result
						.transactionReceipt != null) {
						//添加订单缓存，防止掉单
						uni.setStorageSync("iaporderinfo", result);
						uni.setStorageSync("iaporderinfolocal", e);

						//验证订单
						that.iapnotify(result, e, false);
					} else {
						uni.showToast({
							title: '未获取到订单信息！',
							icon: "none"
						});
					}
				}, function(e) {
					console.log(e)
					// 解锁
					that.lockPayBtn = false;
					uni.hideLoading();

					uni.showModal({
						content: "下单失败，请重试", //+ JSON.stringify(e),
						showCancel: false
					});
				});
			},
			iapnotify(result, order, ischeck) {
				let that = this;
				let data = this.initNewData();
				data.location = 5181;
				data.orderid = order.orderid;
				//console.log("支付回调方法");
				data.transactionid = result.transactionIdentifier;
				data.receipt = result.transactionReceipt;
				data.payment = JSON.stringify(result.payment);
				uni.request({
					url: this.baseConfig.serverURL +
						'pay/iap/IosiapNotifyHandler.ashx', //检查更新的服务器地址
					data: data,
					method: "POST",
					header: {
						"content-type": "application/x-www-form-urlencoded" //"application/json"
					},
					success: (res) => {
						if (res.statusCode == 200) {
							if (!res.data.ret) {
								uni.showToast({
									title: res.data.msg,
									icon: "none"
								});
							} else {
								//移除订单缓存
								try {
									uni.removeStorage({
										key: 'iaporderinfo',
										success: function(res) {
											//console.log('iaporderinfo remove success');
										}
									});
									uni.removeStorage({
										key: 'iaporderinfolocal',
										success: function(res) {
											//console.log('iaporderinfolocal remove success');
										}
									});
								} catch (e) {}

								if (!ischeck) {
									uni.showToast({
										title: res.data.msg,
										success: function() {
											setTimeout(function() {
												uni.navigateBack({
													delta: 1
												});
											}, 2000)
										}
									})
								}
							}
						} else {
							uni.showToast({
								title: '购买会员失败！',
								icon: "none"
							});
						}
					},
					fail: (e) => {
						that.iapnotifycount++;
						if (that.iapnotifycount < 5) {
							that.iapnotify(result, order, false)
						} else {
							uni.showToast({
								title: '购买会员失败，可能网络超时！',
								icon: "none"
							});
						}

					}
				})

			},
			// checkiaporder() { //查询是否存在已支付但是未开通的订单
			// 	if (uni.getStorageSync('iaporderinfo') && uni.getStorageSync('iaporderinfolocal')) {
			// 		//console.log("查询订单");
			// 		this.iapnotify(uni.getStorageSync('iaporderinfo'), uni.getStorageSync(
			// 			'iaporderinfolocal'), true);
			// 	}
			// },

			returnLast() {
				this.closeQuit();
				// 返回上一级
				// console.log(11,getCurrentPages())
				// uni.navigateBack({
				// 	delta: 2,
				// 	success(){
				// 		console.log('success')
				// 	},
				// 	fail(err){
				// 		console.log(1,err)
				// 	}
				// })
				uni.switchTab({
					url: '/pages/user/user'
				})

			},
			closeQuit() {
				this.showQuitPop = false;
			},
			// 底部中标信息轮播信息
			loadHot(ly) {
				uni.$u.http
					.post('User/log/UserZhongbiaoList.ashx', {
						location: this.location,
						pagesize: 100,
					}).then((rs) => {
						//获取成功，绑定
						if (rs.data != undefined && rs.data.length > 0) {
							this.hotlist = rs.data
						}
					})
			},


			//用户协议
			xieyiClick() {
				var url = 'https://www.bidcenter.com.cn/help/fwtk.shtml'
				uni.navigateTo({
					url: '/pages/user/yinsitiaokuan/yinsitiaokuan?url=' + url
				})
			},

			// 购买须知
			xuzhiClick() {
				this.showBuyKnow = true
			},

			// // 中标详情
			// zhongbiaoDetail(item) {
			// 	let uri = encodeURIComponent(JSON.stringify(item));
			// 	uni.navigateTo({
			// 		url: '/pages/zhaobiao/detail?ly=index&data=' + encodeURIComponent(uri)
			// 	})
			// },

			clickYhq(item) {
				this.yhqid = item.id
			},
			open() {
				this.showPayModal = true;
				console.log('open paypopup')
			},
			close() {
				this.showPayModal = false;
				// this.isClosePayModal = true;
				// console.log(2, this.isClosePayModal)
			},
			// 已完成支付
			confirm() {
				// 确认支付结果
				this.getPayState();
			},
			// 获取支付状态
			getPayState() {
				let data = this.initNewData();
				data.location = 5181;
				data.type = "1" // 支付类别	string	Y	0（默认）：二码合一扫码支付 1：直接支付
				data.orderid = this.orderid //
				uni.request({
					url: this.baseConfig.serverURL + '/pay/GetPaySuccessToCecheHandler.ashx', //检查更新的服务器地址
					data: data,
					method: "POST",
					header: {
						"content-type": "application/x-www-form-urlencoded" //"application/json"
					},
					success: (res) => {
						// console.log(22,res)
						if (res.data.ret) {
							this.close()
						} else {
							uni.showToast({
								title: res.data.msg,
								icon: "none"
							});
						}
					},
					fail: (e) => {
						uni.showToast({
							title: '服务器异常',
							icon: "none"
						});
					}
				})
			},
			closeCoupon() {
				this.discountIsShow = false;
			},
			confirmCoupon() {
				this.closeCoupon()
				// 更新最终价格
				this.loadJiage()

			},
			clickBuyBefore() {
				this.showBuyKnow = true;
			},
			/**
			 * 获取价格
			 * noNeedUpdateFwqxList 是否需要显示loading，点击服务期限列表时，不需要显示loading
			 * needLoadJiageApi: 从地区更新后调价格接口时，不需要传extend，因为切完后调价格当前jgid会换，拿到的也不是最新的，
			 * 		如果是切换地区，则需要调2次价格接口，第2次才能拿到最析的yxfw项；
			 */
			loadJiage(noNeedUpdateFwqxList, needLoadJiageApi) {
				if (!noNeedUpdateFwqxList) {
					this.priceLoading = true;
				}

				// 审核期间 
				if (this.baseConfig.isIOSshenhe) {
					this.memberList = [{
						name: '移动会员',
						// id: 1
					}]
					this.memberType = '移动会员'
					this.ordertype = 18
				}


				let gongnengParam = {}

				if (!needLoadJiageApi) {
					// 有jgid时就传，没有时后端会用默认 移动1年全车1个月 的jgid项（由于当url中type及diqu参数时，后端这个默认值不准，故不用后端的）
					// if (this.jgid) {
					// 	// 拓客相关：mids:联系方式 jgids:第一项指服务期限中的价格id，第二项指拓客直通车1年的jgid
					// 	gongnengParam = {
					// 		extend: JSON.stringify([{
					// 			"mids": "255",
					// 			"jgids": this.jgid + "," + this.directTrain.jgid
					// 		}])
					// 	}
					// } else {
					// 	// 拓客相关：mids:联系方式 jgids:第一项指服务期限中的价格id，第二项指拓客直通车1年的jgid
					// 	gongnengParam = {
					// 		extend: JSON.stringify([{
					// 			"mids": "255",
					// 		}])
					// 	}
					// }
					gongnengParam = {
						extend: JSON.stringify([{
							"mids": "255",
							"jgids": this.jgid + "," + (this.directTrain.jgid || '')
						}])
					}
				}

				const params = {
					location: this.location,
					//tjtype默认为0为全部价格 1为PC端会员价格 2为移动端会员价格 ，目前tjtype和diqucode传值不生效，返回全部价格，姚说地区价格还没定，
					tjtype: this.memberType === '采招会员' ? 1 : 5,
					diqucode: this.initDiqu.join(','), //开通地区,如北京传11，多个用逗号隔开
					yhqid: this.yhqid, //所选优惠券id
					payid: this.paymentItem.id,
					...gongnengParam
				}
				// console.log(33,params)

				uni.$u.http
					.post('pay/LiJiKaiTongHandler.ashx', params)
					.then(rs => {
						// 点击顶部会员类型（采招会员/移动会员）时用到
						this.priceLoading = false;
						// 初次加载页面时用到
						this.isPageLoading = false
						// console.log(11, this.paymentItem.id)
						const {
							jiage,
							logPay
						} = rs;

						this.logPay = logPay || [];
						this.isHuiyuanData = rs.isHuiyuan;
						// test
						// this.ispc = 0;
						// this.isHuiyuan=false
						// 注：此接口中的ispc判断不太准确

						this.allservices = jiage.ds;
						this.IAPOrders = rs.IAPOrders;

						if (this.isios && this.baseConfig.isIOSshenhe) {
							this.plusReady()
						}

						this.getPrice(needLoadJiageApi)
					}).catch(err => {
						uni.$u.toast(err || '获取价格信息失败！');
					});
			},
			getPrice(needLoadJiageApi) {
				const me = this;
				// danwei 1:年 2:月
				const arr = [];
				// 直通车对象，如果有拓客直通车时，将有2个直通车，一个移动会员的，一个移动会员拓客的
				const arrZtc = []
				this.allservices.map((item, index) => {
					const dw = item.danwei === 1 ? '年' : '个月';
					item = Object.assign({}, item, {
						danweinumText: `${item.danweinum}${dw}`,
						Discount: item.price,
						Original: item.yuanjia,
						// biaoshi:值可能是 0(目前前端没有用到，已给后端说过要去掉0，用不到，前端统一用 1,2)，1，2（直通车，全国，省）, biaoshi2:值是 1,2（全国，省）
						biaoshi2: item.biaoshi === 0 ? 1 : item.biaoshi
						// zhekouText: item.zhekou + '折'
					});

					// 移动端会员直通车
					if (item.danwei === 1 && item.danweinum === 1 && item.type === me.ordertype && (me
							.ordertype === 18 || me.ordertype === 19) && item.biaoshi2 === 1) {
						// arr.push(item)
						arrZtc.push(item)

					}

					// obj.omit = operation(obj.Original, obj.Discount, 'subtract');
					// 月
					if (item.danwei === 2 && (item.type && item.type === me.ordertype) && item.biaoshi2 === me
						.biaoshi) {
						arr.push(item);
						if (item.danweinum == 12) {
							item.danweinumText = '1年'
						}
					}

					// 年，排除掉直通车的项（因为选省时， me.biaoshi和全国/省有关，值会为1,2，而直通车值只能是1） 
					if (item.danwei === 1 && (item.type && item.type === me.ordertype) && item.biaoshi2 === me
						.biaoshi) {
						// 如果是移动端直通车，则不push
						if ((item.type === 18 || item.type === 19) && item.danweinum === 1 && item.danwei ===
							1) {
							return;
						}
						arr.push(item);
					}
				});
				// console.log(1,this.ordertype)

				// 获取最终可用的服务期限列表，注：列表中目前含有 优选服务项，需要排除
				this.services = arr.filter(item => !item.extend);

				if (arr.length) {
					// debugger
					this.price = arr[this.checkIndex].price //会员打折后的价格
					this.sjprice = arr[this.checkIndex].sjprice //实付款金额
					this.yuanjia = arr[this.checkIndex].yuanjia
					this.jgid = arr[this.checkIndex].jgid //价格id

					this.maxnum = arr[this.checkIndex].maxnum //地区限制选择最大数量
					this.biaoshi = arr[this.checkIndex].biaoshi2

					this.yhqvalue = arr[this.checkIndex].yhqvalue
					this.yhqid = arr[this.checkIndex].yhqid

					this.yhqtype = arr[this.checkIndex].yhqtype
					// this.yhqetime = arr[this.checkIndex].yhqetime
					this.yhqname = arr[this.checkIndex].yhqname

					this.danweinum = arr[this.checkIndex].danweinum //购买时间数量
					this.danwei = arr[this.checkIndex].danwei //单位类型 1、年 2、月
					if (((this.initDiqu.length >= this.maxnum) && this.maxnum !== -1) || this.maxnum === -1) {

						this.initDiqu = [""]
					}

				}

				// 获取直通车对象
				arrZtc.map(item => {
					if (item.extend) {
						this.directTrainTuoke = item;
					} else {
						this.directTrain = item;
					}
				})

				if (!needLoadJiageApi) {
					// 拓客优选服务，注：需要放在 arr 不为空时，因为jgid需要是第一项的jgid
					arr.map(item => {
						if (item.jgid === this.jgid) {
							this.yxfwTuoke = item;
						}
					})
				}

				if (needLoadJiageApi) {
					this.loadJiage()
				}

			},
			// //浮点数相乘
			// mul(arg1, arg2) {
			// 	var m = 0,
			// 		s1 = arg1.toString(),
			// 		s2 = arg2.toString();
			// 	try {
			// 		m += s1.split('.')[1].length;
			// 	} catch (e) {}
			// 	try {
			// 		m += s2.split('.')[1].length;
			// 	} catch (e) {}
			// 	return (Number(s1.replace('.', '')) * Number(s2.replace('.', ''))) / Math.pow(10, m);
			// },


			/**
			 * 切换会员级别
			 * 注！！！：切换会员级别时，jgid需要更新，因为此方法中需要调价格接口获取最新的优选服务金额，
			 * 故切换完从默认选中 服务期限 中的第一项，而不保留之前的选中项（如：在第二项时，则重置成第一项选中）
			 * 
			 * 注：添加拓客之前，没有更新checkIndex。即之前选中的第二项，切换完级别后还显示第二期！！！
			 */
			changeLevel(obj) {
				// this.checkIndex = 0;
				this.levelIndex = obj.index;
				this.ordertype = obj.type
				// console.log(2,this.ordertype)
				/**
				 * 支持选择多个省：移动标准，移动高级；pc标准，pc高级
				 */
				if (this.ordertype === 2 || this.ordertype === 3 || this.ordertype === 18 || this.ordertype === 19) {
					this.biaoshi = this.initDiqu.join('') === '' ? 1 : 2;
				} else {
					// 只支持全国
					this.biaoshi = 1;
					this.initDiqu = ['']
				}

				// 添加拓客之前
				// this.getPrice()

				// 有拓客功能后，需要重新请求价格接口
				// 获取最新的 Jgid
				this.getPrice()
				this.loadJiage(true)
			},

			//点击价格
			priceClick(item, index) {
				if (this.checkIndex === index) {
					return;
				}

				this.price = item.price
				this.danweinum = item.danweinum //购买时间数量
				this.danwei = item.danwei //单位类型 1、年 2、月
				this.zhekou = item.zhekou
				this.checkIndex = index

				//实时更新实付金额，优惠券，以优惠
				this.sjprice = item.sjprice //实付款金额
				this.yuanjia = item.yuanjia
				this.yhqvalue = item.yhqvalue //优惠券金额
				this.jgid = item.jgid //价格id
				this.yhqvalue = item.yhqvalue //优惠券金额优惠或者折扣
				this.yhqname = item.yhqname //优惠券名称
				this.yhqtype = item.yhqtype //优惠券类型
				// this.yhqetime = item.yhqetime;
				// 更新优惠券id
				this.yhqid = item.yhqid

				//更新城市选择最大值
				this.maxnum = item.maxnum
				this.biaoshi = item.biaoshi2

				// 更新最多选择地区
				// this.maxnum = this.services[this.checkIndex].maxnum

				if (((this.initDiqu.length >= this.maxnum) && this.maxnum !== -1) || this.maxnum === -1) {
					this.initDiqu = [""]
				}
				// 添加拓客之前
				// this.getPrice()
				// console.log(3,this.jgid)
				this.loadJiage(true);
			},

			toMemberqy() {
				uni.navigateTo({
					url: '/pages/user/memberQuanyi/memberQuanyi'
				})
			},

			addDiqu() {
				this.diquShow = true;
			},
			// 切换 移动会员 及 采招会员 tab时：
			changeTabType(obj) {
				this.memberType = obj.name;
				this.levelIndex = 0;
				this.checkIndex = 0

				// 重置为全国
				// this.initDiqu = ['']
				if (obj.name === '移动会员') {
					this.ordertype = 18
				} else {
					this.ordertype = 2
				}
				// 第一次调价格接口是为了拿到当前选中项的jgid（全国和省的是两个值），第二次调是为了传递extend拿到最新的优选服务对象
				this.loadJiage(false, true)

				// this.getPrice()
				// this.loadJiage()
			},

			radioChange: function(evt) {
				// console.log(evt)
				this.paymentItem.id = evt.detail.value;
				// console.log('paymentItem.id,',this.paymentItem.id)
				this.lockPayBtn = false;
				uni.hideLoading()
			},

			zhankaiFn() {
				this.notDiscountPop = true;
			},

			yxfwClick() {
				if (this.tuoke === 1) {
					this.tuoke = 0
				} else {
					this.tuoke = 1;
				}
			},

			discountClick() {
				// 优惠券
				this.discountList();
				this.discountIsShow = true;
			},

			// 轮播图广告
			swiperFn() {
				let data = this.initNewData();
				data.location = 5181;
				data.types = 15;
				uni.request({
					url: this.baseConfig.serverURL + 'Ad/AdBindHandler.ashx', //检查更新的服务器地址
					data: data,
					method: "POST",
					header: {
						"content-type": "application/x-www-form-urlencoded" //"application/json"
					},
					success: (res) => {
						this.swiperImgList = res.data.other2.list.map(item => ({
							image: item.src,
							title: item.title,
						}));
					},
					fail: (res) => {}
				})
			},

			// 优惠券列表
			discountList() {
				let data = this.initNewData();
				data.location = 5181;
				data.hdtype = '9209,9433,10616,10877';
				// 0：可使用（默认） 1：已使用 2：不可用（已结束、已过期）
				data.state = 0;
				data.jgid = this.jgid

				uni.request({
					url: this.baseConfig.serverURL + 'User/youhui/YouhuiquanListHandler.ashx', //检查更新的服务器地址
					data: data,
					method: "POST",
					header: {
						"content-type": "application/x-www-form-urlencoded" //"application/json"
					},
					success: (res) => {
						this.youhuiquanList = res.data.other2.youhuiquan;
					},
					fail: (err) => {}
				})
			},

			// zhitongche 是否是直通车，1：直通车  2：直通车-拓客
			/**
			 * @param {Object} zhitongche
			 * 
			 * 点击 立即开通按钮
			 * 
			 */
			lijizhifu(zhitongche) {
				if (this.lockPayBtn) return;


				// 如果购买的pc会员且>=1年，服务协议必须勾选

				if (this.memberType === '采招会员' && this.danwei === 1 && this.danweinum >= 1) {

					if (!this.agreeCheck.length) {
						this.showXieyi = true;
						return;
					}

				}

				this.requestPayment(zhitongche)
			},

			/**
			 * @param {Object} zhitongche
			 * 注：
			 * 鸿蒙目前不支持微信/支付宝支付，只支持 华为支付（provider为 hwpay），所以目前通过同ios的h5支付方式来实现
			 * 
			 */
			async requestPayment(zhitongche) {
				// VIP会员(this.levelIndex == 2)调起人工开通 2024.12.27改成了付费会员走人工开通且发送通知

				// ispc: 含义是：所点击项是 移动会员 还是 采招会员
				// isHuiyuanData 是否是pc端会员
				if (this.ispc && this.isHuiyuanData) {
					this.lockPayBtn = false;
					this.rengongOpen(true);
				} else {
					const me = this;
					// console.log(this.isios, this.baseConfig.isIOSshenhe)
					if (this.isios && this.baseConfig.isIOSshenhe) {
						this.paymentItem.id = "appleiap";
					}
					/**
					 * 未勾选 优选服务（拓客）时，调用老的下单接口（ios用分步接口，android用另外一接口）
					 * 已勾选 优选服务（拓客）时，调用最新的合并接口
					 */
					let orderInfo = {};

					// 加锁
					this.lockPayBtn = true;

					if (zhitongche === 'zhitongcheTuoke') {
						// console.log('aaaa')
						orderInfo = await this.getOrderInfoNew(zhitongche);
					} else if (zhitongche === 'zhitongche') {
						orderInfo = await this.getOrderInfo(zhitongche);
					} else {
						if (this.tuoke === 1) {
							orderInfo = await this.getOrderInfoNew(zhitongche);
							// console.log('bbb')

						} else {
							orderInfo = await this.getOrderInfo(zhitongche);
						}
					}
					this.lockPayBtn = false;

					this.orderid = orderInfo.orderid || ''

					console.log('orderInfo', orderInfo)

					// 
					if ((uni.getSystemInfoSync().platform === 'android' && orderInfo.statusCode !== 200) || (this
							.isios && !this.baseConfig.isIOSshenhe &&
							!orderInfo.orderid) || (this.isharmonyosWxpay && !orderInfo.orderid)) {
						uni.showModal({
							content: "获得订单信息失败",
							showCancel: false
						})
						uni.hideLoading()
						// 解锁
						this.lockPayBtn = false;
						return;
					}

					// && this.baseConfig.isIOSshenhe

					if (this.isios || this.isharmonyosWxpay) {
						// 更新支付弹窗显示条件,重置为应用初始值
						// this.isClosePayModal=false;

						uni.showLoading({
							title: '订单处理中...'
						});
						if (this.baseConfig.isIOSshenhe) {
							this.pay(orderInfo.data)
						} else {
							// console.log('h5 pay')
							setTimeout(() => {
								this.showPayModal = true;
							}, 5000);

							/**
							 * 注：想唤起微信支付界面时，必须用网络地址；而支付宝及电脑端（只能唤醒微信，打开微信，不能支付）
							 * 
							 * orderid: 323889
							 * token=0DF24E96DAA09F1455EA630DEA9A3ACC52BBBACDE7261EEC3E76CDB2504EFFAEF183569649C4F42187AA6E12E053B605358793052F1FB2385B38EC50716F46EC036A6CBAAA089C782EF3D67C20C833D78B61EA68A2F78E7FC13C2C789CB3F20BD7D97FFAF8BDCD8DB2D1974BD6F862DB
							 * from=open :pay-jsapi支付页中用到，用于区分来源标识（pay-jsapi可能也有其它站点在用）
							 */
							const h5pay = 'https://m.bidcenter.com.cn/pay/pay-jsapi.html?orderid=' + orderInfo
								.orderid +
								'&token=' + this.initNewData().token + '&guid=' + this.initNewData().guid +
								'&from=open'
							/**
							 * webview标签方式创建webview及调用webview
							 */
							this.src = h5pay;
							this.isUseH5Pay = true;

							setTimeout(() => {
								uni.hideLoading()
								// 解锁
								this.lockPayBtn = false;
							}, 1000)
						}
						return
					} else {
						// console.log('orderInfo', orderInfo.data, this.paymentItem.id)
						try {
							uni.requestPayment({
								provider: this.paymentItem.id,
								orderInfo: orderInfo.data,
								success: (e) => {
									console.log("success", e);
									uni.showToast({
										title: "开通成功!",
										success: function() {
											setTimeout(function() {
												uni.navigateBack({
													delta: 1
												});
											}, 2000)
										}
									})
								},
								fail: (e) => {
									console.log('fail', e)
									uni.showModal({
										content: "支付失败",
										showCancel: false
									})
									// 解锁
									this.lockPayBtn = false;
									uni.hideLoading()
								}

							})
						} catch (err) {
							console.log('uni.requestPayment catch', err)
						}

					}
				}
			},
			// 此方法不支持 拓客 直通车
			getOrderInfo(zhitongche) {
				let data = this.initNewData();
				data.location = 5181;
				// yyb huawei xiaomi oppo
				console.log('qudao', getApp().globalData.channel)
				data.qudao = getApp().globalData.channel;

				let appid = "";
				// #ifdef APP-PLUS
				appid = plus.runtime.appid || '__UNI__2F5F9D0';
				// #endif

				// #ifdef APP-HARMONY
				appid = '__UNI__2F5F9D0';
				// #endif

				// plus.runtime.appid
				console.log('appid:', appid)

				// 正常来说，只有android中的接口会用到；苹果应用于支付不太清楚
				if (this.isios && this.baseConfig.isIOSshenhe) {
					// ios支付，审核时
					// ios 审核内，统一下单接口
					data.appid = appid;
					// 支付方式，ios应用内支付，还有 /微信/支付宝
					data.payid = this.paymentItem.id;
					// data.dazhe = this.dazhe;
					data.orderid = 0;
					// data.yhid = this.yhqid;
					// 写死
					data.type = this.levelIndex === 0 ? 18 : 19
					data.yhid = '';
					// 
				} else if (uni.getSystemInfoSync().platform === 'android' || (uni.getSystemInfoSync().platform ===
						'harmonyos' && this.paymentItem.id == "alipay")) {
					// android 统一下单接口
					data.appid = appid;
					data.payid = this.paymentItem.id;
					// data.dazhe = zhitongche ? this.directTrain.zhekou : this.dazhe;
					data.orderid = 0;
					data.type = this.ordertype;
					data.yhid = zhitongche ? this.directTrain.yhqid : this.yhqid;
					// console.log(2)
				} else {
					// ios 支付（非审核期）
					// console.log(1,zhitongche)
					data.ipay = this.paymentItem.id; // 即支付平台	string	Y	wxpay：微信支付，alipay：支付宝支付，weworkpay：企业微信
					data.type = this.ordertype;
					data.yhqid = zhitongche ? this.directTrain.yhqid : this.yhqid;

					data.key = '' // 购买信息唯一标识	string	Y	例：购买企业报告下载权限时，企业名称唯一标识
					data.key2 = '' // 购买信息部分模块标识	string	Y	购买企业报告部分模块下载权限时，模块分类id串
					// ios 非审核内（分步下单接口）
					data.zo_typebs = 1; // 权限标识	int	Y 0：功能服务；1：会员服务
					// data.type2=''; // 子账号类型	int	N	购买“PC端会员+子账户”时生效 30：标准子账户 31：高级子账户 32 VIP子账户
					// zo_count:''
					// console.log(3)
				}


				data.count = zhitongche ? this.directTrain.danweinum : this.danweinum;
				// 含义是：所点击项是 移动会员 还是 采招会员
				data.ispc = this.memberType === '采招会员' ? 1 : 0;
				data.danweitype = zhitongche ? this.directTrain.danwei : this.danwei;
				// 全国直通车时，和initDiqu值无关，isquangguo总是1
				if (zhitongche) {
					data.isquanguo = 1;
				} else if (this.danweinum === 1 && this.danwei === 1 && (this.ordertype === 18 || this.ordertype === 19)) {
					data.isquanguo = 1;
				} else {
					data.isquanguo = this.initDiqu[0] === '' ? 1 : 0;
				}

				data.shengcount = (!this.initDiqu[0] || zhitongche) ? '' : this.initDiqu.length;
				data.areacode = zhitongche ? '' : this.initDiqu.join(',');
				data.area = zhitongche ? '' : this.initDiquNames;
				data.youhuima = this.youhuima;

				// console.log(2,data)
				// 
				const url = ((this.isios && !this.baseConfig.isIOSshenhe) || this.isharmonyosWxpay) ?
					'/payStep/CreateOrderHandler.ashx' :
					'/pay/CreateOrderHandler.ashx'

				return new Promise((res) => {
					console.log('下单接口url及params', url, data)
					uni.request({
						url: this.baseConfig.serverURL + url, //检查更新的服务器地址
						data: data,
						method: "POST",
						header: {
							"content-type": "application/x-www-form-urlencoded" //"application/json"
						},
						success: (result) => {

							if (result.statusCode == 200) {
								if (!result.data.ret) {
									uni.showToast({
										title: result.data.msg,
										icon: "none"
									});
								} else {
									console.log('下单接口 success rs', result.data.other2)
									// console.log('result.data.other2',result.data.other2)
									res(result.data.other2);
									// console.log('res(result.data.other2)',res(result.data.other2))
								}
							} else {
								uni.showToast({
									title: result.data.msg,
									icon: "none"
								});
							}
						},
						fail: (e) => {
							uni.showToast({
								title: '创建订单失败！',
								icon: "none"
							});
						}
					})
				})
			},

			// 拓客组合购买用到的接口
			getOrderInfoNew(zhitongche) {
				let billStr = []
				// 直通车
				if (zhitongche === 'zhitongcheTuoke') {
					billStr = [
						// 1年直通车
						{
							id: this.directTrain.jgid, // 商品id（价格id）	int	Y	-
							areacode: '', // 购买地区code	string	N	多个地区以“,”隔开。
						},
						// 拓客
						{
							id: this.directTrainTuoke.extend[0].jgid, // 商品id（价格id）	int	Y	-
							areacode: '', // 购买地区code	string	N	多个地区以“,”隔开。
							// keyList: '', // 购买指定信息标识集合	Array	N	指定信息列表
							count: this.directTrainTuoke.extend[0].count || 1, // 购买数量	int	Y	默认：1
						}
					]
				} else {
					// 服务期限项+优选服务（拓客）
					billStr = [
						// 服务期限 项
						{
							id: this.jgid, // 商品id（价格id）	int	Y	-
							areacode: this.initDiqu.join(','), // 购买地区code	string	N	多个地区以“,”隔开。
						},
						// 优选服务
						{
							id: this.yxfwTuoke.extend[0].jgid, // 商品id（价格id）	int	Y	-
							areacode: this.initDiqu.join(','), // 购买地区code	string	N	多个地区以“,”隔开。
							// keyList: '', // 购买指定信息标识集合	Array	N	指定信息列表
							count: this.yxfwTuoke.extend && this.yxfwTuoke.extend[0].count, // 购买数量	int	Y	默认：1
						}
					];
				}

				// console.log('tuoke channel', getApp().globalData.channel)

				const params = {
					location: 5181,
					qudao: getApp().globalData.channel,
					yhqid: zhitongche === 'zhitongche' ? this.directTrain.yhqid : (zhitongche === 'zhitongcheTuoke' ?
						this.directTrainTuoke.yhqid : this.yhqid), // 优惠券id	int	N	-
					// orderid:'',	// 订单id	int	N	-
					payid: this.paymentItem.id, // 支付平台	string	Y	wxpay：微信支付，alipay：支付宝支付，weworkpay：企业微信
					billStr: JSON.stringify(billStr), // 账单信息json字符串	string	Y	数据存放商品信息列表
					callPay: this.isios ? 1 :
					0, // 是否调起支付	int	N	默认0：是；1：否（ios需要传1，接口会返回orderId（走h5支付），否则：相当于走android的支付流程）
					// ...this.initNewData()
				}

				return new Promise((res) => {
					uni.$u.http
						.post('/pay/CreateOrderHandlerV3.ashx', params)
						.then(rs => {
							console.log('CreateOrderHandlerV3-rs', rs)
							res(rs);
						}).catch(err => {
							console.log('err', err)
							uni.$u.toast(err.msg || '创建订单失败！');
						});

				})
			},

			// 人工开通跳转
			rengongOpen(sendMsg) {
				// 发送通知
				let data = this.initNewData();
				data.location = this.location;
				data.type = 5095
				if (sendMsg) {
					uni.request({
						url: this.baseConfig.serverURL + '/public/SendNoticeToBidUserHandler.ashx',
						// ,jiamibuid: this.lianxifangshi.JiaMiBuid,
						data: data,
						method: "POST",
						header: {
							"content-type": "application/x-www-form-urlencoded" //"application/json"
						},
						success: (result) => {
							console.log('pc会员支付时发送通知')
						},
						fail: (e) => {}
					})
				}

				this.kefuInform();
				plus.share.getServices(res => {
					let sweixin = null;
					sweixin = res.find(i => i.id === 'weixin')
					console.log('plus.share.getServices-sweixin', sweixin)
					// uni.showToast({
					// 	title: sweixin,
					// 	icon: 'none'
					// })

					if (sweixin) {
						// 分享跳转到微信小程序
						sweixin.launchMiniProgram({
							id: "gh_cd40829a4ca1", //微信小程序原生id
							path: "pagesOne/kefujingli/addkefu", //    打开小程序的页面路径，不传默认跳转首页
							type: 0 //     微信小程序版本类型，可取值： 0-正式版； 1-测试版； 2-体验版。 默认值为0。
						})
					} else {
						uni.showToast({
							title: '请安装微信',
							icon: 'none'
						})
					}
				}, err => {
					console.log("分享失败"); // 获取分享服务列表失败
				});
			},
			confirmXieyiPop() {
				this.showXieyi = false;
				this.agreeCheck = ['0'];
				// 支付
				this.requestPayment()

			},
			cancelXieyiPop() {
				this.showXieyi = false;
			},

			//获取数量
			getdingyueshuliang() {
				let data = this.initNewData();
				data.location = 5181;
				data.type = '12';

				uni.request({
					url: this.baseConfig.serverURL + 'wechat/GetDictDataHandler.ashx', //检查更新的服务器地址
					data: data,
					method: "POST",
					header: {
						"content-type": "application/x-www-form-urlencoded" //"application/json"
					},
					success: (res) => {
						console.log(res)
						if (res.statusCode == 200) {
							if (res.data && res.data != '') {
								// var nContent = CryptoJS.AES.decrypt(res.data, key, { //  AES解密
								// 	iv: aceIV,
								// 	mode: CryptoJS.mode.CBC,
								// 	padding: CryptoJS.pad.ZeroPadding
								// })
								// if (nContent && nContent != null) {
								// 	var constr = CryptoJS.enc.Utf8.stringify(nContent)
								// 	if (constr && constr != "") {
								// 		var dataJson = JSON.parse(constr)
								// 		console.log(dataJson)
								// 		dataJson.other2.limitKwd.map(item => {
								// 			if (item.name == "标准会员") {
								// 				this.biaozhunCount = item.count
								// 			} else if (item.name == "高级会员") {
								// 				this.gaojiCount = item.count
								// 			} else if (item.name == "VIP会员") {
								// 				this.vipCount = item.count
								// 			}
								// 		})
								// 	}
								// }
							     var dataJson = res.data
								 dataJson.other2.limitKwd.map(item => {
								 			if (item.name == "标准会员") {
								 				this.biaozhunCount = item.count
								 			} else if (item.name == "高级会员") {
								 				this.gaojiCount = item.count
								 			} else if (item.name == "VIP会员") {
								 				this.vipCount = item.count
								 			}
								 		})
							}
						}
					},
					fail: (err) => {}
				})
			},

		}
	}
</script>

<style lang="scss" scope>
	.content {
		// padding-bottom: 248rpx;
		// padding-bottom: 190rpx;
		padding-bottom: 216rpx;

		::v-deep.u-tab-item {
			font-weight: bold;
			flex: none !important;
		}

		::v-deep.u-tabs-scroll-flex[data-v-3b2b1a80] {
			justify-content: space-evenly;
		}

		::v-deep.u-tab-bar[data-v-3b2b1a80] {
			left: 0;
		}

		.selectArea {
			display: flex;
			// margin: 29rpx 30rpx 0;

			align-items: center;

			h2 {
				font-size: 30rpx;
				font-weight: 500;
				margin-left: 16rpx;
			}


			.areaBtn {
				display: flex;
				flex: 1;
				margin-left: 32rpx;

				.diqu_list,
				.addCity {
					padding: 0 20rpx;
					height: 70rpx;
					line-height: 70rpx;
				}

				.diqu_list {
					background-color: #2F6DFE;
					color: #fff;
					border-radius: 8rpx;
					margin-right: 20rpx;

					word-wrap: normal;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
					flex: none;
					max-width: 46%;

				}

				.addCity {
					background-color: #E9F5FF;
					color: #2F6DFE;
					border-radius: 8rpx;
				}
			}
		}

		::v-deep.uni-button {
			margin-left: auto;
			margin-right: auto;
		}

		.goumiTips {
			display: flex;
			// margin: 60rpx 30rpx 0;
			margin-top: 40rpx;
			align-items: center;
			justify-content: space-between;

			.goumiTips-left {
				display: flex;
				align-items: center;
				color: #333333;
				font-size: 30rpx;

				.shebei {
					margin-left: 16rpx;
					font-weight: 500;
				}
			}

			.goumiTips-right {
				display: flex;
				align-items: center;

				uni-image {
					width: 24rpx;
					height: 24rpx;
					margin-right: 9rpx;
				}

				.xuzhi {
					font-size: 24rpx;
				}
			}
		}

		.memberMenu {
			display: flex;
			flex: none;
			flex-direction: column;
			justify-content: center;
			position: relative;
			// flex-wrap: wrap;
			overflow-x: auto;
			white-space: nowrap;
			margin: 0 30rpx 0 0;
			// padding: 20rpx 53rpx;
			padding: 20rpx 0;
			// 68
			min-height: 176rpx;

			// width: 314rpx;
			// height: 212rpx;
			border: 1px solid #DBDBDB;
			background: #fff;
			border-radius: 8rpx;

			.mod-time {
				font-size: 26rpx;
				font-weight: bold;
				text-align: center;
				color: #616161;
			}

			.mod2 {
				font-size: 22rpx;
				color: #733108;
				text-align: center;
				margin-top: 10rpx;
			}

			.mod-endprice {
				font-size: 52rpx;
				color: #333333;
				font-weight: bold;
				text-align: center;
			}

			.mod-yuanjia {
				font-size: 24rpx;
				color: #909090;
				text-align: center;
				text-decoration: line-through;
			}


			.zhekou {
				position: absolute;
				top: 0;
				left: 0;
				width: 68rpx;
				height: 34rpx;
				background: linear-gradient(135deg, #FF452A, #FF7E03);
				border-radius: 8rpx 0rpx 8rpx 0rpx;

				text {
					font-weight: bold;
					color: #fff;
					font-size: 24rpx;
					line-height: 34rpx;
					text-align: center;
					display: block;
				}
			}
		}

		.memberMenu.active {
			border: 1px solid #FF4729;
			background: #FFF8F2;
			color: #733108;

			.mod-yuanjia {
				color: #EAB08C;
			}
		}

		.payList {
			text-align: center;
			padding: 18rpx 0;
			background: #FFF8F2;
			// margin: 0 20rpx 0;
			border-radius: 30rpx;
			color: #666666;
			font-size: 24rpx;


			.payItem {
				display: flex;
				justify-content: center;
				align-items: center;

			}
		}

		.infor_quanyi {
			// margin-top: 15rpx;
			background-color: #FFFFFF;
		}

		.payment {
			display: flex;
			flex-direction: column;
			padding: 39rpx 0;

			.payment_radio {
				flex-direction: column;
				display: flex;
				// margin: 0 15px;

				.pay-list-cell {
					flex-direction: row;
					display: flex;
					align-items: center;
					justify-content: space-between;
					width: 100%;
					font-size: 32rpx;
					// margin-bottom: 30rpx;
					padding-bottom: 28rpx;

					&:last-child {
						padding: 0;
					}
				}
			}

			.pay-tupic {
				width: 55rpx;
				height: 54rpx;
				vertical-align: middle;
				margin-right: 20rpx;
			}
		}

		.discountBox {
			// margin: 0 30rpx 0;
			margin-bottom: 42rpx;

			.discount {
				display: flex;
				align-items: center;

				h2 {
					font-size: 30rpx;
					margin-left: 16rpx;
					font-weight: 500;
				}
			}

			.discountInfo {
				display: flex;
				align-items: center;
				justify-content: space-between;
				// margin-top: 43rpx;
				padding: 40rpx 21rpx;
				background: #FFFFFF;
				border-radius: 8rpx;
				border: 1px solid #C5C5C5;
				font-size: 30rpx;

				image {
					width: 48rpx;
					// height: 33rpx;
					margin-right: 20rpx;
				}

				.jianmian {
					color: #F24949;
					font-weight: bold;
					font-size: 28rpx;
					// margin-left: 175rpx;
				}

				.jianmian2 {
					color: #BFBFBF;
					font-weight: bold;
					font-size: 36rpx;
				}
			}
		}

		.discountBox.yxfw {
			position: relative;
			margin: 30rpx 0 10rpx;

			.icon-righttop {
				position: absolute;
				z-index: 1;
				right: 0;
				top: -36rpx;
				padding: 10rpx 12rpx;
				color: #fff;
				font-size: 24rpx;
				background: linear-gradient(90deg, #FF9749 0%, #FF414E 100%);
				border-radius: 0rpx 8rpx 0rpx 8rpx;
			}

			.discountInfo {
				height: 110rpx;

				&.active {
					border: 1px solid #FF4729;
					background: #FFF8F2;
					color: #733108;
				}

				padding:20rpx;
			}

			.yxfw-left {
				:nth-child(1) {
					font-size: 30rpx;
				}

				:nth-child(2) {
					margin-top: 10rpx;
					color: #A3A3A3;
					font-size: 24rpx
				}
			}

			.jianmian {
				display: flex;
				flex-direction: column;
				text-align: right;

				text:nth-child(1) {
					font-size: 36rpx;
				}

				text:nth-child(2) {
					color: #ADADAD;
					font-weight: normal;
					font-size: 24rpx;
					text-decoration: line-through;
				}
			}
		}

		.quanyiTitle {
			display: flex;
			align-items: center;
			// margin-left: 30rpx;

			h2 {
				font-size: 30rpx;
				margin-left: 16rpx;
				font-weight: 500;
			}
		}

		.quanyeBox {

			// margin-top: 42rpx;
			.quanyeMenu {
				.menuBox {
					margin-top: 37rpx;
					display: flex;
					// flex-wrap: wrap;
					// justify-content: space-between;
				}

				.menuInfo {
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;
					width: 180rpx;

					.mengsan {
						height: 50rpx;
					}

					.dingyueshuliang {
						width: 50rpx;
						height: 50rpx;
						line-height: 50rpx;
						font-size: 22rpx;
						color: #FFFFFF;
						text-align: center;
						background: linear-gradient(-90deg, #2F6DFE, #6694FF);
						border-radius: 50%;
					}

					.quanyi {
						width: 52rpx;
						height: 52rpx;
						background: linear-gradient(135deg, #FF452A, #FF7E03);
						border-radius: 50%;
						font-size: 22rpx;
						color: #fff;
						line-height: 52rpx;
						text-align: center;
					}

					.iconText {
						margin-top: 22rpx;
						font-size: 24rpx;
					}

					.iconText2 {
						color: #333333;
						opacity: 0.3;
					}
				}
			}
		}

		.xinrenguanggao {
			margin-top: 22rpx;
			width: 100%;
			// padding-bottom: 40rpx;
			padding-bottom: 100rpx;

			img {
				width: 694rpx;
				height: 160rpx;
				margin: 0 auto;
				display: block;
			}
		}

		.zbInfo {
			// margin-top: 40rpx;
			width: 100%;
			height: 60rpx;
			background-color: #FFEEE6;
			color: #F24949;
			font-size: 24rpx;
			text-align: center;
			line-height: 60rpx;
			// border-top: 1px solid red;
			// position: fixed;
			// bottom: 124rpx;
		}

		.member-bottom-wrap {
			z-index: 1000;
			width: 100%;
			// height: 188rpx;
			position: fixed;
			bottom: 0;
			background-color: #fff;
		}

		.member-bottom {
			display: flex;
			height: 128rpx;

			.jiage {
				.yhjiage {
					font-size: 38rpx;
					color: #333333;
					font-weight: bold;
					text-align: center;
					margin-top: 24rpx;
				}

				.yuanjia {
					color: #999999;
					font-size: 24rpx;
					text-align: center;
					margin-top: 5rpx;
					text-decoration: line-through;

				}
			}

			.rengong {
				background-color: #FC8433;
				font-size: 32rpx;
				color: #fff;
				font-weight: bold;
				text-align: center;
				line-height: 128rpx;
			}

			.lijikaitong {
				background-color: #F24949;
				font-size: 32rpx;
				color: #fff;
				font-weight: bold;
				text-align: center;
				line-height: 128rpx;
			}
		}

		.member-bottom view {
			flex: 1;
		}

		.youhuiquan {
			width: 100%;

			.discountText {
				margin-top: 29rpx;
				font-size: 28rpx;
				color: #3B3E45;
				font-weight: bold;
				text-align: center;
			}

			// .closeBtn {
			// 	img {
			// 		width: 58rpx;
			// 		height: 57rpx;
			// 	}
			// }

			.couponItem {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin: 0 30rpx 0;
				margin-top: 30rpx;
				height: 200rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(51, 51, 51, 0.15);
				border-radius: 20rpx;


				// 可用优惠券
				.discount-left {
					width: 210rpx;
					height: 200rpx;
					background: #FCF3F0;
					border-radius: 20rpx 0rpx 0rpx 20rpx;

					.keyongquan {
						width: 178rpx;
						height: 40rpx;
						border-radius: 20rpx 0rpx 0rpx 0rpx;
						background: linear-gradient(90deg, #FBE0DB 0%, #FCF3F0 100%);
						font-size: 24rpx;
						color: #EA4635;
						line-height: 40rpx;
						padding-left: 20rpx;
					}
				}

				.discount-right {
					margin-top: 62rpx;
					margin-left: 26rpx;

					.yhqName {
						font-size: 32rpx;
						font-weight: bold;
						color: #333333;
					}

					.yhqName2 {
						font-size: 24rpx;
						color: #999999;
						margin-top: 16rpx;
					}
				}

				// 不可用优惠券
				.discount-left2 {
					width: 210rpx;
					height: 200rpx;
					background: #ECECEC;
					border-radius: 20rpx 0rpx 0rpx 20rpx;

					.keyongquan {
						width: 178rpx;
						height: 40rpx;
						border-radius: 20rpx 0rpx 0rpx 0rpx;
						background: linear-gradient(90deg, #C5C5C5 0%, #ECECEC 100%);
						font-size: 24rpx;
						color: #999999;
						line-height: 40rpx;
						padding-left: 20rpx;
					}
				}

				.discount-right2 {
					margin-top: 62rpx;
					margin-left: 26rpx;

					.yhqName {
						font-size: 32rpx;
						font-weight: bold;
						color: #BFBFBF;
					}

					.yhqName2 {
						font-size: 24rpx;
						color: #BFBFBF;
						margin-top: 16rpx;
					}
				}
			}

			.notDiscount {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin: 37rpx 30rpx 0;
				height: 110rpx;
				border-radius: 8rpx;
				border: 1px solid #C5C5C5;
				color: #BFBFBF;
				font-size: 30rpx;

				.notDiscountInfo {
					display: flex;
					align-items: center;

					img {
						width: 48rpx;
						height: 38rpx;
						margin-right: 20rpx;
						margin-left: 40rpx;
					}
				}

				.zhankai {
					margin-right: 16rpx;

					img {
						width: 33rpx;
						height: 17rpx;
					}
				}
			}

			.affirmBtn {

				// margin-top: 246rpx;
				button {
					background-color: #2F6DFE;
					color: #fff;
					font-size: 32rpx;
					font-weight: bold;
					position: fixed;
					bottom: 0;
					width: 100%;
				}
			}

			.nullBox {
				width: 100%;
				margin: 160rpx 0 120rpx;

				uni-image {
					display: block;
					width: 210rpx;
					height: 210rpx;
					margin: 0 auto;
				}

				.nullText {
					text-align: center;
					margin-top: 31rpx;
					color: #606266;
					font-size: 24rpx;
				}

				.tiaozhuan {
					color: #2F6DFE;
					font-size: 28rpx;
					margin-top: 33rpx;
					text-align: center;
				}
			}
		}

		// .allDiscount {
		// 	padding-bottom: 375rpx;
		// }
	}

	.memberTab {
		position: sticky;
		z-index: 3;
		top: 0;
	}

	.memberTab2 {
		// position: sticky;
		// z-index: 2;
		// top: 88rpx;
		// top: 88rpx;
		background-color: #fff;
	}

	.scroll-view_H {
		white-space: nowrap;
		width: 100%;
		// padding: 40rpx 30rpx;
		margin: 0 0 0 0;
		box-sizing: border-box;
		padding: 33rpx 20rpx 0;
		background-color: #fff;


		// img {
		// 	width: 385rpx;
		// 	height: 100rpx;
		// }
	}

	.couponRedioWrap {
		width: 38rpx;
		height: 38rpx;
		// background-color: #fff;
		// border: 2rpx solid #C5C5C5;
		border-radius: 50%;
		margin-right: 25rpx;

		// background-color: #21ad3b;
		// border: 2rpx solid #21ad3b;
		.iconCircle {
			width: 38rpx;
			height: 38rpx;
			background-color: #fff;
			border: 2rpx solid #C5C5C5;
			border-radius: 50%;
			margin-right: 25rpx;
			font-size: 0;
			line-height: 0;
		}

		.active {
			background-image: url("/static/img/huiyuan/check.png");
			background-size: 100%;
			border: 2rpx solid #21ad3b;
			// border:0;
			// width:36rpx;
			// height: 36rpx;
		}
	}

	.xieyi {
		.xieyiTitle {
			// margin-left: 32rpx;
			margin-top: 42rpx;
			display: flex;
			align-items: center;

			h2 {
				font-size: 30rpx;
				margin-left: 16rpx;
				font-weight: 500;
			}
		}

		.fuwuxieyi {
			padding: 20rpx 0;
			font-size: 28rpx;
			color: #333;
			margin-left: 20rpx;

			text {
				color: #2e68e1;
			}
		}

	}

	// 2处用到
	.fuwuxieyi.gx {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 40rpx 0 20rpx;
		cursor: pointer;
		color: #6C717E;
		// font-size: 24rpx;
		font-size: 12px;

		text {
			color: #2F6DFE;
		}
	}

	.quitPop {
		// background: url("/static/img/huiyuan/quit-bg.png") no-repeat center top;
		background-size: 100%;
		width: 100%;
		height: 100%;
		padding: 36rpx 40rpx;
		box-sizing: border-box;

		uni-image {
			width: 74rpx;
			height: 74rpx;
		}

		.iconWrap {
			display: flex;
			justify-content: space-between;
			font-size: 24rpx;

			uni-view {
				flext: none;
				width: 33%;
				display: flex;
				flex-direction: column;
				align-items: center;
			}
		}

	}

	.btnWrap {
		display: flex;
		justify-content: center;
		padding-bottom: 50rpx;

		.btn {
			background-color: #f4f5f7;
			padding: 2% 5%;
			color: #868789;
			border-radius: 7rpx;

			&:first-child {
				background-color: #304aff;
				margin-right: 8%;
				color: #fff;

			}
		}
	}

	.btnWrap2 {
		display: flex;
		justify-content: center;
		padding-bottom: 50rpx;
		justify-content: space-between;
		padding: 39rpx 0;

		.btn {
			background-color: #fff;
			// padding: 2% 5%;
			width: 230rpx;
			height: 72rpx;
			color: #868789;
			flex: 1;
			line-height: 72rpx;
			text-align: center;

			border-radius: 36rpx;
			border: 1px solid #BFBFBF;
			font-size: 30rpx;
			flext: 0;


			&:nth-child(2) {
				margin-left: 46rpx;
				background: linear-gradient(0deg, #5B53EF 0%, #8054F0 100%);
				// margin-right: 8%;
				color: #fff;

			}
		}
	}

	.pay-popup-tit {
		padding: 21px 0 0px;
		text-align: center;
	}

	.invisible {
		visibility: hidden;
	}

	// .mask {
	// 	position: absolute;
	// 	top: 0;
	// 	left: 0;
	// 	right: 0;
	// 	bottom: 0;
	// 	background: linear-gradient(to right, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.8) 98%);
	// 	z-index: 1;
	// 	pointer-events: none;
	// 	/* 允许点击事件穿透 */
	// }
	.rightIcon {
		width: 135rpx;
		height: 42rpx;
		background: #FFDDAB;
		border-radius: 21rpx;
		font-family: PingFang SC;
		font-weight: normal;
		font-size: 24rpx;
		color: #8C4B1A;
		position: absolute;
		right: -4rpx;
		top: -17rpx;
		z-index: 1;
		text-align: center;
		line-height: 42rpx;
	}

	.lijizhifu {
		// width: 218rpx;
		// padding:0 20rpx;
		// height: 80rpx;
		// line-height: 80rpx;
		// font-size: 32rpx;
		// font-weight: bold;
		// color: #8B421F;
		text-align: center;
		// background: linear-gradient(90deg, #FDF4C0 0%, #FAC0A4 100%);
		// border-radius: 10rpx;

		width: 100%;
		height: 110rpx;
		line-height: 110rpx;
		background: linear-gradient(270deg, #FF464E 0%, #FF9449 99%);
		border-radius: 55rpx;
		font-weight: 800;
		font-size: 36rpx;
		color: #FFFFFF;
		font-family: PingFang SC;

		text {
			font-size: 28rpx;
			color: #fff;
			font-weight: normal;
		}

	}

	// 直通车
	.ztc-wrap {
		border-radius: 8rpx;
		// border: 1px solid #FF4729;
		display: flex;
		justify-content: space-between;
		padding: 29rpx 22rpx 28rpx 30rpx;
		margin-bottom: 24rpx;
		// box-sizing: border-box;
		// background:#FFF8F2 url('/static/img/huiyuan/ztc-icon.png') no-repeat 70% 25%;
		// background-size: 39%;
		background: linear-gradient(90deg, #FFF2D6 0%, #FFE6BC 100%);
		border-radius: 8px;
		position: relative;

		image {
			width: 189rpx;
			height: 141rpx;
			position: absolute;
			top: 40rpx;
			right: 110rpx;
		}

		.ztc-title {
			font-weight: 800;
			font-size: 36rpx;
			color: #511E11;
		}

		.ztc-sub-title {
			display: inline-block;
			font-weight: 500;
			font-size: 26rpx;
			color: #FFFFFF;
			padding: 0 15rpx;
			height: 46rpx;
			line-height: 46rpx;
			background: linear-gradient(-90deg, #FE6400 0%, #FF9C00 100%);
			border-radius: 8rpx;
			margin: 21rpx 0;
			// width: 230rpx;
		}

		.ztc-price {
			display: flex;
			align-items: center;
			font-weight: 800;
			font-size: 24rpx;
			color: #FE4D46;

			em {
				font-weight: 500;
				font-size: 24rpx;
				color: #B8B8B7;
				text-decoration-line: line-through;
				font-style: normal;
				margin-left: 20rpx;
			}

			text {
				font-size: 52rpx;
			}
		}

		// .ztc-left{
		// 	display: flex;
		// 	flex-direction: column;
		// }

		.ztc-right {
			position: relative;
			display: flex;
			align-items: flex-end;
		}

		.ztc-btn {
			width: 220rpx;
			height: 70rpx;
			line-height: 70rpx;
			background: linear-gradient(270deg, #FF373F 0%, #FF8D43 99%);
			border-radius: 35rpx;
			font-weight: bold;
			font-size: 32rpx;
			color: #F8F8F8;
			text-align: center;
		}

		.ztc-tag {
			background: #FFF4ED;
			border-radius: 0rpx 8rpx 0rpx 8rpx;
			color: #FF3035;
			position: absolute;
			z-index: 1;
			top: -29rpx;
			right: -22rpx;

			font-weight: 800;
			font-size: 24rpx;
			padding: 9rpx 15rpx;
		}
	}
</style>
<style lang="scss">
	.memberlist {
		::v-deep .uni-scroll-view-content {
			display: flex;
			flex-direction: row;

		}
	}

	.memberNavImg {
		::v-deep .uni-scroll-view-content {
			line-height: 0;
			font-size: 0;
		}
	}

	.diqujiage {
		position: absolute;
		right: 1px;
		top: 0;
		transform: translateY(-50%);
		z-index: 1;
		background: linear-gradient(90deg, #FF9749 0%, #FF414E 100%);
		width: 160rpx;
		height: 40rpx;
		font-size: 24rpx;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		line-height: 40rpx;
		border-radius: 0rpx 8rpx 0rpx 8rpx;

		&.huaweiIcon {
			left: 0;
			right: auto;
		}
	}
</style>